Maison >interface Web >Questions et réponses frontales >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.
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 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
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
<input>
Contrôle de l'heure - heure
<input> <input>
Contrôle de l'heure - datetime -local
<input>
<input>
<input>
<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>
valeur
description
autofocusautofocus spécifie que lorsque la page se charge, la zone de texte obtient automatiquement le focus.
colsSpécifie la largeur visible dans la zone de texte. | ||
---|---|---|
disabled | précise que la zone de texte est désactivée. | |
form_id | Définissez un ou plusieurs formulaires auxquels appartient la zone de texte. | |
number | 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 | softspécifie comment le texte dans la zone de texte doit être renvoyé lorsque le formulaire est soumis. | |
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!