Sélecteur HTML natif avec Android/iPhone Webkit?

Question

En regardant Google Calendar sur mon navigateur Android, j'ai remarqué que le sélecteur de temps ressemblait à un sélecteur Android natif plutôt que de ressembler à un sélecteur HTML. Pour voir:

• aller à http://calendar.google.com/
• Appuyez sur le bouton plus en haut à droite
• Appuyez sur la liste déroulante

temps

Vous devriez voir le sélecteur natif à la recherche.

Quelle incantation HTML utilisent-ils pour obtenir ce look? Y at-il d'autres tags spécifiques à HTML5 ou spécifiques à HTML5 pour obtenir un look natif (ou amélioré) sur Android/iPhone Webkit (et WebView)?

Answer 1

Je ne suis pas aussi familier avec Android, mais je sais qu'il existe un certain nombre d'attributs CSS spéciaux que l'on peut utiliser avec WebKit sur l'iPhone. Essentiellement, ils sont tous les attributs CSS commençant par -webkit, ce qui indique qu'il s'agit d'attributs CSS qui n'ont pas encore été normalisés. C'est une partie normale du processus de normalisation, où les étiquettes et les attributs standard potentiels doivent être mis en application dans un «cas de test» pour montrer comment ils fonctionneraient. Il y a un certain nombre de sites qui ont une liste complète des -webkit attributs. I like this one the best. La plupart de ces attributs offrent des fonctionnalités de mise en page plus avancées, ce qui peut aider les éléments à apparaître plus "natifs".

Answer 2

Le sélecteur de temps est un tag classique <select> sur la version iPhone.

Le sélecteur de date est un sélecteur de calendrier entièrement personnalisé que Google a créé à partir de zéro.