English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Le tag <input> HTML est un contrôle d'entrée interactif qui fournit aux utilisateurs des contrôles pour saisir des données. Traditionnellement, le tag <input> est placé à l'intérieur du tag <form> et peut être configuré avec le type approprié pour représenter des champs de texte, des cases à cocher, des menus déroulants, des boutons et d'autres types d'entrée. Ce tag est également souvent appelé l'élément <input>.
Un formulaire HTML simple, contenant deux champs de saisie de texte et un bouton de soumission :
!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 L'utilisation des balises <footer> (tutoriel de base du site Web oldtoolbag.com)</title>/title> </head> <body> <h1>oldtoolbag.com tutoriel de base</h1> <form action="demo-form.php" method="post"> Entreprise: <input type="text" name="company"><br> Adresse: <input type="text" name="address"><br> <input type="submit" value="Soumettre"> </form> </body> </html>Voyons le test ‹/›
Dans cet HTML5Dans l'exemple de document, nous avons utilisé le tag <form> pour créer un formulaire HTML. Ce formulaire contient deux contrôles <input> pour les entreprises et les adresses, ainsi qu'un contrôle <input> pour le bouton de soumission.
IEFirefoxOperaChromeSafari
La plupart des navigateurs supportent le tag <input>.
L'étiquette <input> spécifie le champ d'entrée où l'utilisateur peut saisir des données.
L'élément <input> est utilisé dans l'élément <form> pour déclarer les contrôles input permettant à l'utilisateur de saisir des données.
En définissant l'attribut type, l'élément <input> peut devenir un champ de texte, une case à cocher, un bouton radio, une liste déroulante, un bouton, un champ de mot de passe, etc. !
Attention: L'élément <input> est vide, il ne contient que des attributs de balise.
Avis: Vous pouvez utiliser <label> L'élément pour définir les annotations de l'élément <input>.
Dans HTML 4.01 Dans HTML, les données "align" ne sont plus utilisées. HTML5 Dans XHTML, cette propriété n'est pas supportée. Il est possible d'utiliser CSS pour définir l'alignement de l'élément <input>.
Dans HTML5Dans HTML, l'élément <input> a ajouté plusieurs attributs et leurs valeurs correspondantes.
Dans HTML, l'étiquette <input> n'a pas de balise de fermeture.
Dans XHTML, l'étiquette <input> doit être fermée correctement.
New : HTML5Nouvelle étiquette.
| Attribut | Valeur | Description |
|---|---|---|
| accept | audio/* video/* image/*MIME_type | Définit le type de fichier à soumettre via le téléversement de fichier. (Uniquement pour type="file") |
| align | left right top middle bottom | HTML5Obsolète, non recommandé. Définit 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") |
| autocompleteHTML5 | on off | L'attribut autocomplete spécifie si l'élément <input> doit activer la fonctionnalité d'auto-complétion. |
| autofocusHTML5 | autofocus | L'attribut autofocus détermine que l'élément <input> doit automatiquement obtenir le focus au chargement de la page. |
| checked | checked | L'attribut checked détermine que l'élément <input> doit être préselectionné au chargement de la page. (Uniquement pour type="checkbox" ou type="radio") |
| dirnameHTML5 | inputname.dir | Spécifie la direction du texte à soumettre. |
| disabled | disabled | L'attribut disabled détermine l'élément <input> qui doit être désactivé. |
| formHTML5 | form_id | L'attribut form spécifie un ou plusieurs formulaires auxquels appartient l'élément <input>. |
| formactionHTML5 | URL | L'attribut spécifie l'URL de traitement des fichiers des contrôles d'entrée lors du soumission du formulaire (seulement pour type="submit" et type="image"). |
| formenctypeHTML5 | application/x-www-form-urlencoded multipart/form-data text/plain | L'attribut spécifie comment encoder les données du formulaire soumis au serveur (seulement pour type="submit" et type="image"). |
| formmethodHTML5 | get post | Définit la méthode HTTP à utiliser pour envoyer les données du formulaire à l'URL d'action (seulement pour type="submit" et type="image"). |
| formnovalidateHTML5 | formnovalidate | L'attribut formnovalidate couvre l'attribut novalidate de l'élément <form>. |
| formtargetHTML5 | _blank _self _parent _topframename | Définit le nom ou le mot-clé où afficher la réponse reçue après le soumission du formulaire (seulement pour type="submit" et type="image"). |
| heightHTML5 | pixels | Définit la hauteur de l'élément <input> (seulement pour type="image"). |
| listHTML5 | datalist_id | L'attribut fait référence à l'élément <datalist>, qui contient des options prédéfinies pour l'élément <input>. |
| maxHTML5 | number date | L'attribut spécifie la valeur maximale de l'élément <input>. |
| maxlength | number | L'attribut spécifie le nombre maximum de caractères autorisés dans l'élément <input>. |
| minHTML5 | number date | L'attribut spécifie la valeur minimale de l'élément <input>. |
| multipleHTML5 | multiple | L'attribut spécifie que l'utilisateur peut saisir plusieurs valeurs dans l'élément <input>. |
| name | text | L'attribut name spécifie le nom de l'élément <input>. |
| patternHTML5 | regexp | L'attribut pattern spécifie l'expression régulière utilisée pour valider la valeur de l'élément <input>. |
| placeholderHTML5 | text | L'attribut placeholder spécifie un court message d'indication pour décrire la valeur attendue du champ <input>. . |
| readonly | readonly | L'attribut readonly spécifie que le champ d'entrée est en lecture seule. |
| requiredHTML5 | required | L'attribut spécifie que les champs d'entrée doivent être remplis avant de soumettre le formulaire. |
| size | number | L'attribut size spécifie la largeur visible de l'élément <input> en nombre de caractères. |
| src | URL | L'attribut src spécifie l'URL de l'image à afficher en tant que bouton de soumission. (Seulement pour type="image") |
| stepHTML5 | number | L'attribut step spécifie l'intervalle numérique légal de l'élément <input>. |
| type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week | L'attribut type détermine le type de l'élément <input> à afficher. |
| value | text | Définir la valeur de l'élément value de la balise <input>. |
| widthHTML5 | pixels | L'attribut width détermine la largeur de l'élément <input>. (uniquement pour type="image") |
La balise <input> prend en charge les attributs globaux, voir le tableau complet des attributs Attributs globaux HTML.
La balise <input> prend en charge tous les Attributs d'événement HTML.