Balise HTML <input>Tag
Exemples
Un formulaire HTML simple avec deux champs de saisie texte et un bouton d'envoi :
Essayez-le vous-même »
(D'autres exemples se trouvent en bas de cette page.)
Prise en charge des navigateurs
| Élément | |||||
|---|---|---|---|---|---|
| <input> | Oui | Oui | Oui | Oui | Oui |
Définition et utilisation
La balise <input> spécifie un champ de saisie où l'utilisateur peut saisir des données.
L'élément <input> est utilisé dans un élément <form> pour déclarer des contrôles de saisie qui permettent aux utilisateurs de saisir des données.
Le champ de saisie peut être modifié de nombreuses façons, selon l'attribut type.
Conseils et notes
Remarque :L'élément <input> est vide ; il contient uniquement des attributs.
Conseil :Vous pouvez utiliser l'élément<label><label> pour définir un libellé pour l'élément <input>.
Différences entre HTML 4.01 et HTML5
En HTML 4.01, l'attribut "align" n'est plus utilisé. HTML5 ne prend pas en charge cet attribut. CSS peut être utilisé pour définir l'alignement de l'élément <input>.
Dans HTML5, plusieurs attributs ont été ajoutés à <input>, ainsi que les valeurs correspondantes.
Différences entre HTML et XHTML
En HTML, la balise <input> n'a pas de balise de fermeture.
En XHTML, la balise <input> doit être correctement fermée.
Attributes
Nouveau: Nouveau dans HTML5.
| Attribut | Valeur | Description |
|---|---|---|
| accept | audio/* video/* image/* MIME_type | Spécifie le type de fichier à soumettre via le téléversement de fichier. (Uniquement pour type="file") |
| align | left right top middle bottom | Obsolète en HTML5, non recommandé. Spécifie l'alignement de l'entrée d'image. (Uniquement pour type="image") |
| alt | text | Définit le texte alternatif pour l'entrée d'image. (Uniquement pour type="image") |
| autocompleteNouveau | on off | L'attribut autocomplete spécifie si le champ de saisie de l'élément <input> doit avoir l'autocomplétion activée. |
| autofocusNouveau | autofocus | L'attribut spécifie que l'élément <input> doit automatiquement obtenir le focus lorsque la page se charge. |
| checked | checked | L'attribut checked spécifie que l'élément <input> doit être présélectionné lorsque la page se charge. (Uniquement pour type="checkbox" ou type="radio") |
| disabled | disabled | L'attribut disabled spécifie que l'élément <input> doit être désactivé. |
| formNouveau | form_id | L'attribut form spécifie un ou plusieurs formulaires auxquels l'élément <input> appartient. |
| formactionNouveau | URL | L'attribut spécifie l'URL du fichier qui traite le contrôle de saisie lorsque le formulaire est soumis. (Uniquement pour type="submit" et type="image") |
| formenctypeNouveau | application/x-www-form-urlencoded multipart/form-data text/plain | L'attribut spécifie comment les données du formulaire doivent être encodées lorsqu'elles sont soumises au serveur. (Uniquement pour type="submit" et type="image") |
| formmethodNouveau | get post | Définit la méthode HTTP pour envoyer les données du formulaire à l'URL d'action. (Uniquement pour type="submit" et type="image") |
| formnovalidateNouveau | formnovalidate | L'attribut formnovalidate remplace l'attribut novalidate de l'élément <form>. |
| formtargetNouveau | _blank _self _parent _top framename | Spécifie le nom ou le mot-clé indiquant où afficher la réponse après avoir soumis le formulaire. (Uniquement pour type="submit" et type="image") |
| heightNouveau | pixels | Spécifie la hauteur de l'élément <input>. (Uniquement pour type="image") |
| listNouveau | datalist_id | L'attribut référence l'élément <datalist>, qui contient des options prédéfinies pour l'élément <input>. |
| maxNouveau | number date | L'attribut spécifie la valeur maximale de l'élément <input>. |
| maxlength | nombre | L'attribut spécifie le nombre maximal de caractères autorisés dans l'élément <input>. |
| minNouveau | number date | L'attribut spécifie la valeur minimale de l'élément <input>. |
| multipleNouveau | multiple | L'attribut spécifie plusieurs valeurs que l'utilisateur peut saisir dans l'élément <input>. |
| name | text | L'attribut name spécifie le nom de l'élément <input>. |
| patternNouveau | regexp | L'attribut pattern spécifie une expression régulière utilisée pour valider la valeur de l'élément <input>. |
| placeholderNouveau | text | L'attribut placeholder spécifie un court indice qui décrit la valeur attendue du champ <input>. |
| readonly | readonly | L'attribut readonly spécifie que le champ de saisie est en lecture seule. |
| requiredNouveau | required | L'attribut spécifie que le champ de saisie doit être rempli avant de soumettre le formulaire. |
| size | nombre | L'attribut size spécifie la largeur visible de l'élément <input> en caractères. |
| src | URL | L'attribut src spécifie l'URL de l'image affichée comme bouton de soumission. (Uniquement pour type="image") |
| stepNouveau | nombre | L'attribut step spécifie les intervalles de nombres autorisés pour l'élément <input>. |
| type | button
checkbox color date datetime datetime-local fichier hidden image month nombre mot de passe radio range réinitialiser search submit tel text time url week |
L'attribut type spécifie le type d'élément <input> à afficher. |
| value | text | Spécifie la valeur de l'élément <input>. |
| widthNouveau | pixels | L'attribut width spécifie la largeur de l'élément <input>. (Uniquement pour type="image") |
Attributs globaux
La balise <input> prend en charge les attributs globaux, consultez le tableau complet des attributsAttributs globaux HTML。
Attributs d'événement
La balise <input> prend en charge tous lesAttributs d'événements HTML。
Autres extensions