Une jolie date dans un formulaire

Lorsqu'on veut demander à l'utilisateur de choisir une date (par exemple sa date de naissance) dans un formulaire, il y a plusieurs solutions :

  • on met un simple champ de type text avec le masque attentu, à savoir par exemple JJ/MM/YYY
  • on peut ajouter un peu de javascript en utilisant une librairie pour afficher un joli calendrier
  • intégrer un webcomponent
  • etc

Mais la solution ultime, en html5, enfin native (dans Chrome uniquement pour le moment), est d'utiliser un champ de type date :

Si vous utilisez Chrome, vous devriez voir quelque chose comme sur l'image suivante.

calendrier.png

Et pour anticiper l'éventuelle question de certains, c'est "accessible" au clavier, c'est-à-dire que l'on peut tabuler entre jour / mois / année.

Haut de page