HTML nouveau type d'entrée

Le nouveau type d'entrée HTML

En HTML5, les valeurs d'attribut de type suivantes sont ajoutées à l'élément d'entrée pour enrichir le type de zone de texte.
Couleur : Contrôle utilisé pour spécifier la couleur.
 Date : Contrôle de saisie de la date (année, mois, jour, hors heure).
datetime : contrôle de saisie de la date et de l'heure (heures, minutes, secondes et fractions de secondes) basé sur le fuseau horaire UTC.
datetime-local : utilisé pour saisir les contrôles de date et d'heure, hors fuseau horaire.
email : champ d'édition de l'e-mail.
Mois : Un contrôle permettant de saisir l'année et le mois sans fuseau horaire.
number : Contrôle pour saisir des nombres à virgule flottante.
plage : utilisé pour saisir des contrôles de valeur imprécis.
recherche : champ de texte sur une seule ligne pour saisir une chaîne de recherche. Les nouvelles lignes sont automatiquement supprimées de la valeur saisie.
tel : Contrôle de saisie des numéros de téléphone.
heure : utilisé pour saisir le contrôle de l'heure sans fuseau horaire.
url : Champ d'édition de l'URL. .
semaine : Utilisé pour saisir une date composée de la semaine et de l'année, la date n'inclut pas le fuseau horaire. Il est recommandé de se rendre sur un site pédagogique appelé Miaomiaoxue pour parcourir ces connaissances et poser des bases solides.

Remarque : tous les principaux navigateurs ne prennent pas en charge les nouveaux types de saisie, mais vous pouvez déjà les utiliser dans tous les principaux navigateurs. Même s'il n'est pas pris en charge, il peut toujours être affiché sous forme de champ de texte normal.

Type de saisie : couleur

le type de couleur est utilisé dans les champs de saisie principalement pour sélectionner les couleurs, comme indiqué ci-dessous :

     
  
 选择你喜欢的颜色: 
  
  

Type d'entrée : date`time`week`month

    HTML代码： 选择日期：

 选择时间：

 选择星期：

 选择月份：

  

Type d'entrée : numéro

le type de numéro est utilisé Un champ de saisie qui doit contenir des valeurs numériques.

Vous pouvez également définir des limites sur les nombres acceptés :

    
  
 数量 ( 1 到 5 之间):   
 
注意:Internet Explorer 9 及更早IE版本不支持 type="number" 。
  

Type d'entrée : plage

type de plage Utilisé pour la saisie champs qui doivent contenir des valeurs numériques dans une certaine plage.

Les types de plages sont affichés sous forme de curseurs.

    
  
 Points:   
 
注意: Internet Explorer 9 及更早IE版本不支持 type="range"。
  

type d'entrée :recherche,tel,url

le type de recherche est utilisé pour rechercher le domaine , comme la recherche sur site ou la recherche Google.

tel définit le champ de saisie du numéro de téléphone. Le type

url est utilisé pour les champs de saisie qui doivent contenir des adresses URL.

Lors de la soumission du formulaire, la valeur du champ URL sera automatiquement vérifiée.

   
 
 Search Google: 
 电话号码: 
 添加你的主页: