Le meilleur didacticiel Types d'entrées HTML5 en 2024, dans ce didacticiel, vous pouvez apprendre HTML5 Nouveaux types d'entrée,Type d'entrée: Couleur,Exemples,Type d'entrée: Date,Exemples,Type d'entrée: datetime,Exemples,Type d'entrée: datetime local,Exemples,Type d'entrée: email,Exemples,Type d'entrée: mois,Exemples,Type d'entrée: Numéro,Exemples,Type d'entrée: gamme,Exemples,Type d'entrée: recherche,Exemples,Type d'entrée: tel,Exemples,Type d'entrée: le temps,Exemples,Type d'entrée: url,Exemples,Type d'entrée: semaine,Exemples,HTML5 <input>,
HTML5 a plusieurs nouveaux types de saisie de formulaire. Ces nouvelles fonctionnalités permettent un meilleur contrôle d'entrée et de validation.
Ce chapitre décrit ces nouveaux types d'entrée complets:
Note: Pas tous les principaux navigateurs prennent en charge les nouveaux types d'entrée, mais vous pouvez déjà les utiliser dans tous les principaux navigateurs.Si non pris en charge, il peut encore apparaître comme des champs de texte réguliers.
couleur utilisée dans le type de champ de saisie est principalement utilisé pour sélectionner la couleur, comme suit:
Choisissez une couleur dans le sélecteur de couleur:
type de date vous permet de sélectionner une date à partir d'un sélecteur de date.
type datetime vous permet de sélectionner une date (heure UTC).
Définir une date et un contrôleur de temps (heure locale):
type datetime-local permet de sélectionner une date et l'heure (aucun fuseau horaire).
Définir une date et l'heure (aucun fuseau horaire):
type de courrier électronique est utilisé pour les champs d'entrée devrait contenir des adresses e-mail.
Lorsque le formulaire est soumis, il vérifie automatiquement si le domaine de courrier électronique valide de valeur:
Astuce: iPhone dans le navigateur Safari supporte email type d'entrée, et en changeant le clavier de l' écran tactile pour le match (ajouter @ et .com options).
type de mois vous permet de sélectionner un mois.
mois Défini et l'année (aucun fuseau horaire):
type de numéro est utilisé pour les champs d'entrée doit contenir une valeur.
Vous pouvez également définir d'accepter un nombre limité:
Définir un champ de saisie numérique (Limited):
Utilisez la propriété suivante pour spécifier le type de numérique limitée:
Essayez un exemple avec tous les attributs définis tentent
type de gamme est utilisé pour les champs d'entrée doit contenir une plage de valeurs numériques.
type de plage est affiché comme un curseur.
Vous n'êtes pas obligé de définir une valeur très précise (comme un contrôle de curseur):
S'il vous plaît utiliser les attributs suivants pour spécifier le type de numérique limitée:
type de recherche pour le champ de recherche, tels que la recherche de site ou de recherche Google.
Définir un champ de recherche (similaire à la recherche de site ou de recherche Google):
Entrez le téléphone champ du numéro est défini:
type de temps vous permet de sélectionner un temps.
Définit le contrôleur de temps d'entrée (pas de temps de zone):
Type URL est utilisé pour les champs de saisie doit contenir une adresse URL.
Lorsque le formulaire est soumis, il vérifie automatiquement la valeur du champ URL.
Astuce: iPhone dans Safari navigateur prend en charge le type d'entrée URL, et en changeant le clavier de l' écran tactile pour le match (ajouter l' option .com).
semaine vous permet de sélectionner le type de la semaine et l'année.
Définitions semaine et l'année (aucun fuseau horaire):
标签 | 描述 |
---|---|
<input> | 描述input输入器 |