Sommaire

D’autres types de Champchamps avec <input>

Nous venons de voir que l’élément <input> permet d’insérer des champs divers avec les types text, password, radio et checkbox. Mais il existe de nombreux autres types de champs :

  • hidden masque un champ.

  • image insère une image cliquable.

  • file permet d’envoyer un fichier via le formulaire.

  • tel spécifie que le contenu saisi doit être un numéro de téléphone.

  • url spécifie que le contenu saisi doit être une URL.

  • email indique que le contenu saisi doit être une adresse mail.

  • date, time, datetime, datetime-local, month, week permettent de préciser que le contenu attendu est de type calendaire.

  • number spécifie que le contenu doit être une valeur numérique.

  • range permet d’indiquer que la valeur attendue est une valeur numérique comprise entre un intervalle de valeurs et qu’elle est indiquée à l’aide d’un curseur sur une réglette.

  • color permet d’afficher un sélecteur de couleur.

  • search précise que le contenu saisi est utilisé comme critère dans une recherche.