Une même balise sert à des usages très différents selon un seul attribut : une case à cocher, un sélecteur de date et un champ de mot de passe partagent la même origine, mais adaptent leur apparence et leur validation d’après ce réglage.
Les types les plus utiles
L’attribut type déclenche des comportements natifs du navigateur, y compris sur mobile où le clavier affiché s’adapte automatiquement :
<label for="courriel">Adresse e-mail</label>
<input type="email" id="courriel" name="courriel" required>
<input type="date" name="date_evenement">
<input type="checkbox" name="accepte_conditions">
Dans WordPress, ces champs apparaissent aussi bien dans les formulaires publics d’un thème que dans les écrans de réglages de l’administration, où type="text" ou type="checkbox" restent parmi les plus courants pour une boîte méta.
Bon à savoir
- Le type
emaildéclenche une validation basique du format côté navigateur, mais ne remplace jamais une vérification côté serveur avant tout enregistrement en base. - Un champ sans attribut
namen’est tout simplement pas transmis lors de l’envoi du formulaire, même s’il reste visible et modifiable à l’écran. - L’attribut
placeholderne remplace jamais une étiquette visible : un texte d’exemple disparaît dès la saisie et n’est pas systématiquement lu par les lecteurs d’écran. - Les attributs
min,maxetstep, disponibles sur les champs numériques ou de type date, restreignent la plage acceptée directement dans le navigateur, avant même toute vérification côté serveur.