<entrée>

HTML <input> Balise

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<form action="demo-form.php">
First name: <input type="text" name="FirstName" value="Mickey"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="提交">
</form>

<p>点击"提交"按钮，表单数据将被发送到服务器上的“demo-form.php”。</p>

</body>
</html>

Exécuter l'instance»

Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne

Prise en charge des navigateurs

La plupart des navigateurs prennent actuellement en charge la balise <input>

Définition des balises et instructions d'utilisation

<input> Les balises spécifient les champs de saisie dans lesquels les utilisateurs peuvent saisir des données. L'élément

<input> est utilisé dans l'élément <form>

Les champs de saisie peuvent être modifiés de différentes manières, en fonction de l'attribut type.

Conseils et notes

Remarque : L'élément <input>

Conseil : Vous pouvez utiliser l'élément <label> pour définir l'étiquette de l'élément <input>

Différences entre HTML 4.01 et HTML5

Dans HTML 4.01, les données "aligner" ne sont plus utilisées. Cet attribut n'est pas pris en charge en HTML5. Vous pouvez utiliser CSS pour définir l'alignement de l'élément <input>

En HTML5, <input> ajoute plusieurs attributs et valeurs correspondantes.

Différences entre HTML et XHTML

En HTML, la balise <input>

En XHTML, la balise <input> doit être correctement fermée.

Attributs

Nouveau : Nouvelle balise HTML5.

Newregexppattern attribut spécifie la validation de l'attribut <input> element Expression régulière pour la valeur. Newtextattribut placeholder spécifie un champ d'entrée <input> peut être décrit Un court message sur la valeur attendue . requiredNewURLNouveaunumérospécification de l'attribut d'étape< intervalles numériques pour les éléments input> case à cocherdatedateheuredateheure-localimageradioréinitialisationrecherchesoumettretexte<🎜 L'attribut >timel'attribut width spécifie la largeur de l'élément . (Uniquement pour type="image")Attributs d'événement

Attribut	Valeur	Description
accepter	audio/* vidéo/* image/*MIME_type	Spécifie le type de fichier soumis via le téléchargement de fichier. (uniquement pour type="file")
aligner	gauche droite haut milieu bottom	HTML5 est obsolète et obsolète. Spécifie l’alignement de l’image en entrée. (uniquement pour type="image")
alt	text	Définir le texte alternatif pour l'image saisir . (uniquement pour type="image")
complétion automatiqueNouveau	activé L'attribut off	autocomplete spécifie si le champ de saisie de l'élément <input> L'attribut
autofocusNew	autofocus	spécifie que l'élément <input> charges. L'attribut
checked	checked	checked spécifie l'élément <input> qui doit être présélectionné lors du chargement de la page. (Uniquement pour type="checkbox" ou type="radio")
disabled	disabled	l'attribut désactivé spécifie l'<input> qui doit être élément désactivé ;
formNew	form_id	l'attribut form spécifie celui auquel <input> ; l’élément appartient ou plusieurs formes. L'attribut
formactionNew	URL	spécifie le fichier qui gère le contrôle d'entrée lorsque le Le formulaire est soumis à l'URL. (uniquement pour type="submit" et type="image")
formenctypeNouveau	application/x-www-form-urlencoded données multipart/formulaire L'attribut text/plain	spécifie comment les données du formulaire doivent être codées lorsqu'elles sont soumises au serveur (convient uniquement pour type="submit" et type="image").
formmethodNouveau	obtenir post	définit la méthode HTTP qui envoie les données du formulaire à l'URL de l'action. (Convient uniquement pour type="submit" et type="image")
formnovalidateNouveau	formnovalidate	formnovalidate attribut Remplace l'attribut novalidate de l'élément <form>
formtargetNouveau	_blank _soi _mère _topframename	précise où afficher le nom ou le mot-clé de la réponse reçue après la soumission du formulaire. (Convient uniquement pour type="submit" et type="image")
hauteurNouveau	pixels	Spécifie la hauteur de l'élément <input>(Uniquement pour type="image")
listNouveau	datalist_id	Référence d'attribut <datalist> qui contient des options prédéfinies pour l'élément <input>
maxNouveau	numéro L'attribut date	spécifie la valeur maximale de l'élément <input> L'attribut
maxlength	number	spécifie le nombre maximum de caractères autorisés dans un élément <input>
minNouveau	numéro L'attribut date	spécifie la valeur minimale de l'élément <input> L'attribut
multipleNew	multiple	spécifie que l'utilisateur est autorisé à saisir plusieurs valeurs dans le < ;entrée> L'attribut name spécifie le nom de l'élément <input>
pattern
placeholder
readonly	readonly L'attribut readonly spécifie que le champ de saisie est en lecture seule. L'attribut
	required	précise que le champ de saisie doit être rempli avant de soumettre le formulaire. L'attribut size spécifie la largeur visible de l'élément <input>
src		L'attribut src spécifie l'URL de l'image à afficher sous forme de bouton de soumission. (uniquement pour type="image")
étape
	typebouton	couleur
e-mailfichier caché	moisnuméromot de passe	portée
tél	url week type spécifie le type d'élément <input> value text Spécifie la valeur de l'élément <input> width New pixels
	Attributs globaux	<input> attributs complets Propriétés globales HTML du tableau. La balise
<input> prend en charge tous les attributs d'événement HTML.	← <img> <ins> → soumettre Maison vidéos Questions et réponses Mon Site Web PHP chinois Maison Cours Article Questions et réponses Dictionnaire Manuel Télécharger recherche APPTélécharger