Le type de saisie de l'heure en HTML5 permet à l'utilisateur de saisir une heure. L’heure et la minute sont collectées, ainsi que l’indication de l’heure du matin ou du soir. Il n'y a pas de choix de fuseau horaire. Certains navigateurs peuvent en fait afficher une horloge ou un autre périphérique d'entrée de contrôle de la date pour permettre aux utilisateurs de soumettre l'heure plus facilement.
Comment utiliser le type de saisie de l'heure
Vous pouvez voir à quoi ressemble le code HTML sur une page Web en direct sur JSFiddle. L'expression peut être encapsulée dans un formulaire et du texte peut être ajouté pour les instructions. Vous pouvez également choisir le mois, le jour et l'année, comme indiqué dans ces exemples.
Prise en charge du navigateur Web
La prise en charge de la saisie de l'heure est dispersée sur tous les navigateurs Web, y compris Chrome, Safari, Opera, Firefox et Internet Explorer. Certains navigateurs affichent une zone de texte standard dans laquelle vous devez taper l’heure et basculer entre a.m. et p.m. D'autres peuvent inclure un sélecteur de date ou ne rien afficher du tout.
Il s’agit en réalité d’une solution de secours importante et utile pour les navigateurs qui ne prennent pas encore en charge ce type de formulaire HTML5. Vous pouvez utiliser cette entrée sur vos formulaires Web pour collecter de meilleures données provenant des navigateurs qui les prennent en charge. Les navigateurs qui ne prennent pas en charge ce type d’entrée adopteront par défaut ce qui est essentiellement le champ standard, ce que vous auriez utilisé de toute façon en l’absence du champ Heure.
Si les données rassemblées dans ce champ doivent être conformes à une norme de date donnée, vous pouvez utiliser ce type d'entrée et valider que le contenu correspond à une heure avec un script ou un CGI. Cela couvre également vos bases pour les navigateurs plus anciens et la façon dont ils retombent dans un type de saisie de texte.
Attributs de temps d'entrée
Vous pouvez utiliser les paramètres suivants avec le type d'entrée d'heure:
- autocomplete
- liste
- max
- min
- lecture seulement
- Champs obligatoires
- étape
- valueAsNumber
- selectedOption
- stepDown ()
- stepUp ()
