Quels sont les types d'éléments input en HTML…

Il existe les types suivants d'éléments input :

text : Champ de texte sur une seule ligne.
password : Champ pour saisir un mot de passe, les caractères sont masqués.
submit : Bouton pour envoyer le formulaire.
reset : Bouton pour réinitialiser le formulaire.
radio : Bouton radio (un parmi plusieurs).
checkbox : Case à cocher (une ou plusieurs parmi plusieurs).
button : Bouton classique.
file : Champ pour sélectionner un fichier.
hidden : Champ caché, invisible pour l'utilisateur, mais envoyé avec le formulaire.
image : Bouton-image pour envoyer le formulaire.

La spécification HTML5 a ajouté de nouveaux types :

email : Champ pour saisir une adresse email.
url : Champ pour saisir une URL.
number : Champ pour saisir un nombre.
range : Curseur pour choisir une valeur numérique dans une plage donnée.
date : Champ pour sélectionner une date.
month : Champ pour sélectionner un mois et une année.
week : Champ pour sélectionner une semaine et une année.
time : Champ pour sélectionner une heure.
datetime-local : Champ pour sélectionner une date et une heure sans fuseau horaire.
search : Champ de recherche.
color : Champ pour choisir une couleur.
tel : Champ pour saisir un numéro de téléphone.

Exemple d'utilisation :

<!-- Champ de texte sur une seule ligne -->
<input type="text" placeholder="Nom">

<!-- Champ pour saisir un mot de passe -->
<input type="password" placeholder="Mot de passe">

<!-- Bouton pour envoyer le formulaire -->
<input type="submit" value="Envoyer">

<!-- Bouton pour réinitialiser le formulaire -->
<input type="reset" value="Réinitialiser">

<!-- Boutons radio -->
<input type="radio" name="gender" value="male"> Masculin
<input type="radio" name="gender" value="female"> Féminin

<!-- Cases à cocher -->
<input type="checkbox" name="interests" value="music"> Musique
<input type="checkbox" name="interests" value="sports"> Sports

<!-- Bouton classique -->
<input type="button" value="Cliquez-moi">

<!-- Champ pour sélectionner un fichier -->
<input type="file">

<!-- Champ caché -->
<input type="hidden" name="userId" value="123">

<!-- Bouton-image -->
<input type="image" src="submit.png" alt="Envoyer">

<!-- Champ pour email -->
<input type="email" placeholder="Email">

<!-- Champ pour URL -->
<input type="url" placeholder="Site web">

<!-- Champ pour nombre -->
<input type="number" min="1" max="10">

<!-- Curseur -->
<input type="range" min="0" max="100">

<!-- Champ pour date -->
<input type="date">

<!-- Champ pour mois -->
<input type="month">

<!-- Champ pour semaine -->
<input type="week">

<!-- Champ pour heure -->
<input type="time">

<!-- Champ pour date et heure (local) -->
<input type="datetime-local">

<!-- Champ pour recherche -->
<input type="search" placeholder="Rechercher">

<!-- Champ pour choisir une couleur -->
<input type="color">

<!-- Champ pour numéro de téléphone -->
<input type="tel" placeholder="+7 (xxx) xxx-xx-xx">

Quels sont les types d'éléments input en HTML?