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

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.

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

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

<input>

• time control- time

<input>
<input>

• dateheure -local

<input>

• contrôle mensuel- mois

<input>

• semaine contrôle- semaine

<input>

• Contrôle datetime - datetime

<input>

Description : le contrôle datetime prend également en charge les attributs min et max, indiquant le temps minimum et maximum réglable

<input>

Recommandations associées : "Tutoriel vidéo HTML"

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!