HTML <input> Tag

Exemple

Un formulaire HTML avec trois champs de saisie : deux champs de texte et un bouton de soumission.

 <form action="/action_page.php"> 
 <label for="fname">Prénom :</label> 
 <input type="text" id="fname" name="fname"><br><br> 
 <label for="lname">Nom de famille :</label> 
 <input type="text" id="lname" name="lname"><br><br> 
 <input type="submit" value="Soumettre"> 
 </form> 

Essayez-le vous-même »

Définition et Utilisation

Le <input> tag spécifie un champ de saisie où l'utilisateur peut entrer des données.

L'élément <input> est l'élément de formulaire le plus important.

L'élément <input> peut être affiché de plusieurs manières, selon l'attribut type.

Les différents types d'entrée sont les suivants :

<input type="button">
<input type="checkbox">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="month">
<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
<input type="search">
<input type="submit">
<input type="tel">
<input type="text"> (valeur par défaut)
<input type="time">
<input type="url">
<input type="week">

Regardez l'attribut type pour voir des exemples pour chaque type d'entrée !

Conseils et Remarques

Conseil : Utilisez toujours la <label> tag pour définir des étiquettes pour <input type="text"> , <input type="checkbox"> , <input type="radio"> , <input type="file"> , et <input type="password"> .

Support des Navigateurs

Élément
<input>	Oui	Oui	Oui	Oui	Oui

Attributs

Attribut	Valeur	Description
accept	extension_de_fichier audio/* video/* image/* type_de_média	Spécifie un filtre pour les types de fichiers que l'utilisateur peut choisir dans la boîte de dialogue de saisie de fichier (uniquement pour type="file")
alt	texte	Spécifie un texte alternatif pour les images (uniquement pour type="image")
autocomplete	on off	Spécifie si un élément <input> doit avoir l'autocomplétion activée
autofocus	autofocus	Spécifie qu'un élément <input> doit automatiquement recevoir le focus lorsque la page se charge
checked	checked	Spécifie qu'un élément <input> doit être pré-sélectionné lorsque la page se charge (pour type="checkbox" ou type="radio")
dirname	nom_de_saisie .dir	Spécifie que la direction du texte sera soumise
disabled	disabled	Spécifie qu'un élément <input> doit être désactivé
form	id_du_formulaire	Spécifie le formulaire auquel appartient l'élément <input>
formaction	URL	Spécifie l'URL du fichier qui traitera le contrôle d'entrée lorsque le formulaire est soumis (pour type="submit" et type="image")
formenctype	application/x-www-form-urlencoded multipart/form-data text/plain	Spécifie comment les données du formulaire doivent être encodées lors de leur soumission au serveur (pour type="submit" et type="image")
formmethod	get post	Définit la méthode HTTP pour envoyer des données à l'URL d'action (pour type="submit" et type="image")
formnovalidate	formnovalidate	Définit que les éléments de formulaire ne doivent pas être validés lors de la soumission
formtarget	_blank _self _parent _top nom_du_fram	Spécifie où afficher la réponse reçue après la soumission du formulaire (pour type="submit" et type="image")
height	pixels	Spécifie la hauteur d'un élément <input> (uniquement pour type="image")
list	id_datalist	Fait référence à un élément <datalist> qui contient des options pré-définies pour un élément <input>
max	nombre date	Spécifie la valeur maximale pour un élément <input>
maxlength	nombre	Spécifie le nombre maximum de caractères autorisés dans un élément <input>
min	nombre date	Spécifie une valeur minimale pour un élément <input>
minlength	nombre	Spécifie le nombre minimum de caractères requis dans un élément <input>
multiple	multiple	Spécifie qu'un utilisateur peut entrer plus d'une valeur dans un élément <input>
name	texte	Spécifie le nom d'un élément <input>
pattern	regexp	Spécifie une expression régulière contre laquelle la valeur d'un élément <input> est vérifiée
placeholder	texte	Spécifie un court indice qui décrit la valeur attendue d'un élément <input>
popovertarget	id_de_l'élément	Spécifie quel élément popover invoquer (uniquement pour type="button")
popovertargetaction	hide show toggle	Spécifie ce qui se passe avec l'élément popover lorsque vous cliquez sur le bouton (uniquement pour type="button")
readonly	readonly	Spécifie qu'un champ de saisie est en lecture seule
required	required	Spécifie qu'un champ de saisie doit être rempli avant de soumettre le formulaire
size	nombre	Spécifie la largeur, en caractères, d'un élément <input>
src	URL	Spécifie l'URL de l'image à utiliser comme bouton de soumission (uniquement pour type="image")
step	nombre any	Spécifie l'intervalle entre les nombres légaux dans un champ de saisie
type	button checkbox color date datetime-local email file hidden image month number password radio range reset search submit tel text time url week	Spécifie le type d'élément <input> à afficher
value	texte	Spécifie la valeur d'un élément <input>
width	pixels	Spécifie la largeur d'un élément <input> (uniquement pour type="image")

Attributs Globaux

Le <input> tag prend également en charge les Attributs Globaux en HTML .

Attributs d'Événement

Le <input> tag prend également en charge les Attributs d'Événement en HTML .

Pages Associées

Tutoriel HTML :

Référence DOM HTML :

Paramètres CSS par Défaut

Aucun.