Il est possible d'utiliser des saisies avancées, des zones plus enrichies que celles que nous avons vu précédemment.
Sachez qu'à l'heure actuelle ces formes de saisies ne sont pas prises en charge par tous les navigateurs, mais ce n'est pas grave. Si le navigateur ne sait pas afficher telle ou telle zone il mettra un champ monoligne de texte à la place.
Voici comment on emploie ces zones de saisies avancées :
<input type="email"/> : pour une zone de saisie d'e-mail
<input type="url" /> : pour une zone de saisie d'URL (adresse internet)
<input type="tel" /> : pour une zone de saisie de numéro de téléphone
<input type="num" /> : pour une zone de saisie de nombre, dispose d'attributs spéciaux :
min : valeur minimale autorisée
max : valeur maximale autorisée
step : indique la valeur de déplacement, si le champ se déplace de un en un, de deux en deux, de trois en trois
<input type="range"/> : pour une zone de saisie de curseur (slider), dispose d'attributs spéciaux :
min : valeur minimale autorisée
max : valeur maximale autorisée
step : indique la valeur de déplacement, si le champ se déplace de un en un, de deux en deux, de trois en trois
<input type="color" /> : pour une zone de saisie de couleur
<input type="date" /> : pour une zone de saisie de date
<input type="search" /> : pour une zone de recherche
Comme je l'ai dit, ces champs ne sont pas très bien pris en compte par les navigateurs à l'heure actuelle donc ne vous étonnez pas si vous ne voyez qu'un champ de texte normal.