<input type="date">

L'élément HTML <input type="date"> est une version spécifique de l'élément <input> utilisée pour créer un champ de saisie pour une date.

Les navigateurs génèrent un contrôle pour entrer et changer la date. Cette date comprend une année, un mois et un jour. Le contrôle en lui même varie d'un navigateur à l'autre ; les navigateurs ne supportant pas ce type afficherons un champ de texte.

Catégories de contenu Contenu de flux, listé, envoyable, réinitialisable, associé à un formuaire, contenu phrasé, contenu labellable, contenu tangible.
Contenu autorisé Aucun, c'est un élément vide.
Omission de balises Doit avoir un tag de départ mais pas forcement de tag de fin.
Parents autorisés Tout élément acceptant du contenu phrasé.
Interface DOM HTMLInputElement

Attributs

En plus de tous les attributs listés ci-dessous, cet élément peut avoir n'importe lequel des attributs universels.

mozactionhint
Cet attribut fournit une indication d'action permettant à l'agent utilisateur d'adapter la touche Entrée du clavier. Les valeurs prises en charge sont go, done, next, search et send.
autofocus
Cet attribut booléen permet d'indiquer que le contrôle reçoit le focus au chargement de la page. Pour un document, seul un élément de formulaire peut avoir l'attribut autofocus.
disabled

Cet attribut booléen indique que le contrôle est désactivé et qu'aucune interaction n'est possible. Lorsqu'un contrôle est désactivé, il ne reçoit pas l'évènement click. La valeur d'un contrôle désactivé n'est pas envoyée avec le formulaire.

form
L'élément de formulaire auquel est associé l'élément <input>. La valeur de cet attribut doit être l'identifiant d'un élément <form> du document (c'est-à-dire la valeur de son attribut id). Grâce à cet attribut, on peut placer l'élément <input> où on veut dans le document et pas uniquement sous un élément <form>. Un élément <input> donné ne peut être associé qu'à un seul formulaire.
list
Cet attribut correspond à une liste d'options prédéfinies qui peuvent être présentées à l'utilisateur comme suggestions. La valeur de cet attribut doit être l'identifiant (la valeur de l'attribut id) d'un élément <datalist> du même document. Le navigateur affichera uniquement les options valides pour l'élément.
max
La valeur maximale pour cet élément. La valeur de cet attribut ne doit pas être inférieure à la valeur fournie par l'attribut min.
min
La valeur minimale pour cet élément. La valeur de cet attribut ne doit pas être supérieure à la valeur fournie par l'attribut max.
name
Le nom du contrôle associé à la valeur de l'élément lorsque les données du formulaires sont envoyées.
readonly
Cet attribut booléen indique que l'utilisateur ne peut pas modifier la valeur du contrôle.
required
Cet attribut indique que le champ est obligatoire et doit être renseigné avant de pouvoir envoyer le formulaire. required ne peut pas être utilisé lorsque l'attribut type vaut hidden, image, submit, reset ou button. Les pseudo-classes CSS :optional et :required seront appliquées sur l'élément selon son contenu.
selectionDirection
La direction dans laquelle la sélection est effectuée. Lorsque cet attribut vaut "forward", la direction est effectuée dans le sens d'écriture du texte. S'il vaut "backward", la sélection est effectuée dans le sens inverse. On peut utiliser la valeur "none" lorsque la direction de la sélection est inconnue.
spellcheck
Lorsque cet attribut vaut true, cela indique que la grammaire et l'orthographe du contenu doivent être vérifiées. La valeur default indique que l'élément suit le comportement par défaut, éventuellement dicté par la valeur de l'attribut spellcheck de son élément parent. La valeur false indique qu'aucune vérification ne doit être appliquée.
step
Cet attribut fonctionne avec les attributs min et max et paramètre l'incrément/le pas utilisé lorsqu'on augmente/réduit la valeur. Cet attribut peut prendre la valeur any ou un nombre décimale. Si l'attribut ne vaut pas any, le contrôle acceptera uniquement des valeurs qui sont des multiples de cette valeur et qui sont supérieures au minimum indiqué avec l'attribut min.
value Facultatif
La valeur initiale du contrôle. Au rechargement de la page, Gecko et IE ne tiendront pas compte de la valeur définie dans le fichier HTML si la valeur a été changée avant le rechargement.
x-moz-errormessage
Cet attribut, spécifique à Mozilla, permet d'indiquer un message d'erreur lorsque le champ saisi n'est pas valide.

Exemples

HTML

<input type="date">

Résultat

Spécifications

Spécification État Commentaires
WHATWG HTML Living Standard
La définition de '<input type="date">' dans cette spécification.
Standard évolutif  
HTML5
La définition de '<input type="date">' dans cette spécification.
Recommendation  
HTML 4.01 Specification
La définition de '<input type="date">' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
type = date 5.0 Pas de support 10 10.62 (Oui)
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
type = date ? ? ? ? ?

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, mliatt, doriangillet, marie-ototoi, Bat
 Dernière mise à jour par : SphinxKnight,