Quelles sont les propriétés de la zone de saisie de texte HTML/CSS ?

Les attributs de la zone de saisie de texte sont : 1. accepter, qui spécifie le type de fichier soumis via le téléchargement de fichier ; 2. alt, qui définit le texte alternatif pour la saisie d'image ; 3. désactivé, qui définit l'état désactivé ; . formaction, qui spécifie quand le formulaire L'URL du fichier qui traite le contrôle d'entrée lors de la soumission ; 5. formtarget, qui spécifie où afficher le nom ou le mot-clé de la réponse reçue après la soumission du formulaire ; largeur visible dans la zone de texte ; 7. lecture seule, qui est égale à l'état lecture seule.

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

En HTML/CSS, il existe deux types de zones de saisie de texte :

• input : zone de saisie de texte sur une seule ligne

• textarea : zone de saisie de texte sur plusieurs lignes

Parlons de ces deux entrées Propriétés supportées par la box.

Attributs de la zone de saisie

La balise <input> spécifie le champ de saisie dans lequel l'utilisateur peut saisir des données.

Exemples de nouvelles valeurs d'attribut de type en HTML5

propriété	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")
align	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éfinissez le texte alternatif pour la saisie de l'image. (uniquement pour type="image")
autocomplete	on L'attribut off	autocomplete spécifie si le champ de saisie de l'élément <input> L'attribut
autofocus	autofocus	spécifie que l'élément <input> doit automatiquement obtenir le focus lors du chargement de la page. 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") L'attribut
disabled	disabled	disabled spécifie quels éléments <input> L'attribut
form	form_id	form spécifie un ou plusieurs formulaires auxquels appartient l'élément <input> La propriété
formaction	URL	spécifie l'URL du fichier qui gère le contrôle d'entrée lorsque le formulaire est soumis. (Uniquement pour type="submit" et type="image")
formenctype	application/x-www-form-urlencoded données multipart/formulaire L'attribut text/plain	spécifie comment les données du formulaire sont codées lorsqu'elles sont soumises au serveur (convient uniquement pour type="submit" et type="image").
formmethod	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") L'attribut
formnovalidate	formnovalidate	formnovalidate remplace l'attribut novalidate de l'élément
formtarget	_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")
height	pixels	Spécifie la hauteur de l'élément <input> (Uniquement pour type="image") L'attribut
list	datalist_id	fait référence à l'élément
max	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>
min	numéro L'attribut date	spécifie la valeur minimale de l'élément <input> L'attribut
multiple	multiple	spécifie que l'utilisateur est autorisé à saisir plusieurs valeurs dans l'élément <input>
name	text	L'attribut name spécifie le nom de l'élément <input> L'attribut
pattern	regexp	pattern spécifie l'expression régulière utilisée pour valider la valeur de l'élément <input> L'attribut
placeholder	text	placeholder spécifie une courte info-bulle qui décrit la valeur attendue du champ d'entrée <input> .
readonly	readonly	L'attribut readonly spécifie que le champ de saisie est en lecture seule. L'attribut
required	required	stipule que les champs de saisie doivent être remplis avant de soumettre le formulaire. L'attribut
size	number	size spécifie la largeur visible de l'élément <input> L'attribut
src	URL	src spécifie l'URL de l'image qui sera affichée comme bouton de soumission. (uniquement pour type="image")
step	number	l'attribut step spécifie les intervalles de numéros légaux pour l'élément <input>
type	bouton case à cocher couleur date dateheure dateheure-local email fichier caché image mois numéro mot de passe L'attribut radio range reset search submit tel text time url week	type spécifie le type d'élément <input>
value	text	Spécifie la valeur de l'élément <input> L'attribut
width	pixels	width spécifie la largeur de l'élément <input> (Uniquement pour type="image") L'attribut type spécifie le type d'élément <input> à afficher.

color

Un sélecteur de couleur apparaît lorsque vous cliquez dessus, vous pouvez choisir n'importe quelle couleur

number

Plage de saisie Les numéros compris dans la plage peuvent être saisis manuellement, mais ils ne peuvent pas être soumis

Téléphone

Entrez un numéro de téléphone, seul Safari le prend en charge

• e-mail
  Il dispose d'une fonction de détection intégrée lors de la soumission. , il détectera s'il contient le symbole @, et @ Y a-t-il des caractères avant et après le caractère ? avoir des caractères après, sinon il ne peut pas être soumis

• recherche
  

  définition Champ de texte pour saisir la chaîne de recherche

• 
  

  Contrôle de la date - date

<input>

Contrôle de l'heure - heure

<input>
<input>

Contrôle de l'heure - datetime -local

<input>

mois de contrôle mois

<input>

contrôle de la semaine - semaine

<input>

Contrôle de la date et de l'heure - datetime

<input>

Remarque : Le contrôle de la date et de l'heure prend également en charge les attributs min et max, indiquant l'heure minimale et maximale qui peut être définie

• <input>

Attributs de la zone de saisie textarea

définit un contrôle de saisie de texte multiligne. <li><p></p></li>

attribut

valeur

description

autofocus

autofocus spécifie que lorsque la page se charge, la zone de texte obtient automatiquement le focus.

colsnumberdisabledformform_idmaxlengthnumberrequirednumberwrap soft spécifie comment le texte dans la zone de texte doit être renvoyé lorsque le formulaire est soumis.

textarea文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性。

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<textarea rows="10" cols="30">
我是一个文本框。
</textarea>

</body>
</html>

（学习视频分享：web前端）

	Spécifie la largeur visible dans la zone de texte.
disabled	précise que la zone de texte est désactivée.
	Définissez un ou plusieurs formulaires auxquels appartient la zone de texte.
		Spécifie le nombre maximum de caractères autorisés dans la zone de texte.
name	text	Spécifie le nom de la zone de texte.
placeholder	text	Spécifie un court indice décrivant la valeur d'entrée attendue de la zone de texte.
readonly	readonly précise que la zone de texte est en lecture seule.
required	Spécifie que la zone de texte est obligatoire/obligatoire.	rows
	Spécifie le nombre de lignes visibles dans la zone de texte.
dur

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!