Quels nouveaux types de contrôle d'entrée sont ajoutés dans HTML5-Questions et réponses frontales-php.cn

Quels nouveaux types de contrôle d'entrée sont ajoutés dans HTML5

青灯夜游

Libérer： 2022-05-30 15:34:31

original

6843 Les gens l'ont consulté

Ajout de 13 nouveaux types : 1. couleur, contrôle du sélecteur de couleurs ; 2. date, contrôle de la date, y compris l'année, le mois et le jour, mais pas l'heure ; 3. téléphone, contrôle du numéro de téléphone 4. heure, contrôle de l'heure (pas avec ; fuseau horaire); 5. "datetime-local", contrôle de la date et de l'heure; 6. recherche, contrôle de recherche, etc.

Quels nouveaux types de contrôle d'entrée sont ajoutés dans HTML5

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

<input> spécifie un champ de saisie dans lequel les utilisateurs peuvent saisir des données. Cet élément est utilisé dans l'élément

L'attribut

type spécifie le type d'élément <input>

Nouveau type de contrôle d'entrée (valeur d'attribut de type) en HTML5

valeur	description
color	définit le sélecteur de couleurs.
date	Définissez le contrôle de la date (y compris l'année, le mois, le jour, hors heure).
datetime	Définissez les contrôles de date et d'heure (y compris l'année, le mois, le jour, l'heure, la minute, la seconde, la fraction de seconde, en fonction du fuseau horaire UTC).
datetime-local	Définissez les contrôles de date et d'heure (y compris l'année, le mois, le jour, l'heure, la minute, la seconde, la fraction de seconde, sans fuseau horaire).
email	Définit les champs utilisés pour les adresses e-mail.
mois	Définissez les contrôles du mois et de l'année (sans fuseau horaire).
number	Définit le champ de saisie des nombres.
range	Définit les contrôles pour les nombres d'entrée où la valeur exacte n'est pas importante (comme un contrôle de curseur).
recherche	Définissez un champ de texte pour saisir une chaîne de recherche.
tel	Définissez le champ de saisie du numéro de téléphone.
time	Définit un contrôle de saisie de l'heure (sans fuseau horaire).
url	Définissez le champ de saisie de l'URL.
semaine	Définissez les contrôles de la semaine et de l'année (sans fuseau horaire).

Les types sont présentés ci-dessous :

couleur

Quels nouveaux types de contrôle dentrée sont ajoutés dans HTML5
Un sélecteur de couleur apparaît lorsque vous cliquez dessus, vous pouvez choisir n'importe quelle couleur

numéro

Entrez un numéro dans la plage, vous pouvez saisir manuellement un numéro en dehors de la plage, mais impossible de soumettre
tel
Entrez le numéro de téléphone, seul Safari prend en charge
email
Il a une fonction de détection intégrée lors de la soumission, il détectera s'il contient le symbole @, et s'il y a des caractères avant et après le symbole @
range
url
L'URL saisie doit commencer par http:// et doit avoir des caractères après, sinon elle ne peut pas être soumise
search

Définissez le champ de texte utilisé pour saisir la chaîne de recherche
Date control- date