HTML - Balise <input>

La description

La balise HTML <input> est utilisée dans un formulaire pour déclarer un élément d'entrée - un contrôle qui permet à l'utilisateur d'entrer des données.

Exemple

<!DOCTYPE html>
<html>

   <head>
      <title>HTML input Tag</title>
   </head>
	
   <body>
      <form action = "/cgi-bin/hello_get.cgi" method = "get">
         First name: 
            <input type = "text" name = "first_name" value = "" maxlength = "100" />
            <br />
            
         Last name: 
            <input type = "text" name = "last_name" value = "" maxlength = "100" />
         <input type = "submit" value = "Submit" />
      </form>
   </body>
	
</html>

Cela produira le résultat suivant -

Attributs globaux

Cette balise prend en charge tous les attributs globaux décrits dans - Référence des attributs HTML

Attributs spécifiques

La balise HTML <input> prend également en charge les attributs supplémentaires suivants -

Attribut	Valeur	La description
J'accepte	types de contenu	Spécifie une liste de types de contenu séparés par des virgules que le serveur accepte.
aligner	gauche droite haut milieu bas	Obsolète - Définit l'alignement du contenu
alt	texte	Cela spécifie le texte à utiliser au cas où le navigateur / l'agent utilisateur ne peut pas rendre le contrôle d'entrée.
Saisie automatique	marche arrêt	Spécifie l'activation ou la désactivation de la saisie semi-automatique dans l'élément <input>
autofocus	autofocus	spécifie que l'élément <input> doit automatiquement obtenir le focus lorsque la page se charge
vérifié	vérifié	Si type = "radio" ou type = "checkbox", il sera déjà sélectionné lors du chargement de la page.
désactivée	désactivée	Désactive le contrôle d'entrée. Le bouton n'acceptera pas les modifications de l'utilisateur. Il ne peut pas non plus recevoir le focus et sera ignoré lors de la tabulation.
forme	form_id	Spécifie un ou plusieurs formulaires
formaction	URL	Spécifie l'URL du fichier qui traitera le contrôle d'entrée lorsque le formulaire est soumis
type de formulaire	application / x-www-form-urlencoded multipart / form-data texte simple	Spécifie comment les données de formulaire doivent être codées lors de leur soumission au service
méthode de forme	post obtenir	Définit la méthode HTTP pour envoyer des données à l'URL d'action
formnovalidate	formnovalidate	Définit que les éléments de formulaire ne doivent pas être validés lorsqu'ils sont soumis
formtarget	_blank _self _parent _top	Spécifie la cible où la réponse sera affichée qui est reçue après l'envoi du formulaire
la taille	pixels	Spécifie la hauteur
liste	datalist_id	Spécifie l'élément <datalist> qui contient des options prédéfinies pour un élément <input>
max	autofocus	Spécifie la valeur maximale.
longueur maximale	nombre	Définit le nombre maximum de caractères autorisés dans un champ de texte
min	nombre	Spécifie la valeur minimale.
plusieurs	plusieurs	Spécifie qu'un utilisateur peut entrer plusieurs valeurs
Nom	texte	Attribue un nom au contrôle d'entrée.
modèle	expression régulière	Spécifie une expression régulière contre laquelle la valeur d'un élément <input> est vérifiée
espace réservé	texte	Spécifie un bref indice qui décrit la valeur attendue.
lecture seulement	lecture seulement	Définit le contrôle d'entrée en lecture seule. Cela ne permettra pas à l'utilisateur de modifier la valeur. Le contrôle peut cependant recevoir le focus et sont inclus lors de la tabulation dans les contrôles de formulaire.
obligatoire	obligatoire	Spécifie qu'un champ de saisie doit être rempli avant de soumettre le formulaire
Taille	nombre	Spécifie la largeur du contrôle. Si type = "text" ou type = "password", cela fait référence à la largeur en caractères. Sinon, c'est en pixels.
src	URL	Définit l'URL de l'image à afficher. Utilisé uniquement pour type = "image".
étape	nombre	Spécifie les intervalles de nombres légaux pour un champ d'entrée
type	bouton case à cocher couleur date datetime datetime-local e - mail fichier image cachée mois numéro mot de passe portée radio réinitialiser la recherche soumettre tel texte heure url semaine	Spécifie le type de contrôle.
valeur	texte	Spécifie la valeur initiale du contrôle. Si type = "checkbox" ou type = "radio", cet attribut est obligatoire.
largeur	pixels	Spécifie la largeur

Attributs d'événement

Cette balise prend en charge tous les attributs d'événement décrits dans HTML Events Reference

Prise en charge du navigateur

Chrome	Firefox	C'EST À DIRE	Opéra	Safari	Android
Oui	Oui	Oui	Oui	Oui	Oui

↰ Previous page