Quels nouveaux types d'entrée et attributs sont ajoutés au HTML5 ?

Nouveaux types : couleur, date, dateheure, email, mois, numéro, téléphone, heure, url, semaine, etc. ; nouveaux attributs : autofocus, formulaire, max, min, motif, étape, liste, etc. .

(Tutoriel recommandé : Tutoriel HTML)

Nouveaux types d'entrée et leurs attributs en HTML5

En HTML4.01, les seuls types de saisie sont le texte, le bouton, le mot de passe, la soumission, la radio, la case à cocher et le masqué (champ caché). Certains nouveaux types ont été ajoutés dans H5, qui sont plus pratiques à utiliser, notamment :

• couleur

Couleur apparaît lorsque vous cliquez sur Sélecteur, vous pouvez sélectionner n'importe quelle couleur

• numéro
  
  Entrez un numéro dans la plage, vous pouvez saisir manuellement un numéro hors de la plage , mais vous ne pouvez pas soumettre

• tél
  Entrez le numéro de téléphone, seul Safari prend en charge

• e-mail
  Il a un dans la fonction de détection, et il détectera s'il contient le symbole @ lors de la soumission, et Y a-t-il des caractères avant et après le symbole @

• plage
  

• url
  L'URL saisie doit être http:// au début, et il doit y avoir des caractères après, sinon elle ne peut pas être soumise

• date
  Vous pouvez sélectionner manuellement la date
  

• heure
  Vous pouvez sélectionner manuellement l'heure
  

• datetime
  Sélectionnez la date et l'heure avec le fuseau horaire, c'est-à-dire que Firefox et Chrome ne prennent pas en charge

• datetime-local
  
  Sélectionnez la date et l'heure, pas de fuseau horaire

• mois
  
  et Le type de date est le même, sauf que vous ne pouvez sélectionner que le mois

• semaine
  
  et vous ne pouvez sélectionner que la semaine. Cette méthode de date est rarement utilisée en Chine

• recherche

  Définir le champ de texte utilisé pour saisir la chaîne de recherche

  
  

Quelques nouveaux attributs communs :

• complétion automatique

  Valeur facultative on/off, indiquant que le navigateur remplit/désactive automatiquement le remplissage automatique en fonction du contenu précédemment saisi par l'utilisateur
  

• autofocus

  La saisie devient automatiquement active lorsque la page est chargé
  

• formulaire

  Il est précisé que l'entrée en dehors du formulaire appartient à un ou plusieurs formulaires, et l'attribut form pointe vers la valeur id du formulaire appartenant, s'il appartient à plusieurs formulaires, ajoutez des espaces entre les identifiants
  

• list

list pointe vers la datalist référencée (la fonction est la même que select, mais pas affichées sur la page Web) des options facultatives prédéfinies, telles que

<form><input list="mylist"/><datalist id="mylist">
    <option>张三</option>
    <option>李四</option>
    <option>王五</option></datalist></form>

et les performances sur la page sont (les options facultatives seront développées lorsque vous cliquez sur le côté droit pour développer) :

- formaction

spécifie l'URL du fichier qui gère le contrôle de saisie lorsque le formulaire est soumis. (uniquement pour type="submit" et type="image")

- formenctype

spécifie comment encoder les données du formulaire lorsqu'elles sont soumises au serveur (uniquement pour type="submit" et type = "images").

- formmethod

Définissez la méthode HTTP qui envoie les données du formulaire à l'URL de l'action. (Convient uniquement pour type="submit" et type="image")

- formnovalidate

L'attribut formnovalidate remplace l'attribut novalidate de l'élément

- formtarget

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

spécifie la hauteur de l'élément (Uniquement pour type="image")

- min

spécifie la valeur d'entrée minimale, applicable au nombre, plage, date, dateheure, dateheure-locale, mois, heure

- max

spécifie la valeur d'entrée maximale, s'applique également au nombre, à la plage, à la date, à la date et à l'heure, à la date et à l'heure locale, au mois, à l'heure

- multiple

autorise plusieurs valeurs, séparées par ","

- obligatoire

Les éléments doivent être remplis, c'est-à-dire qu'ils ne peuvent pas être vides, s'ils sont vides, ils ne seront pas soumis

- modèle

.

Définissez des règles régulières liées à la vérification, notez que le format n'a pas besoin d'ajouter "/ /"

- espace réservé
Définissez le contenu de l'invite affiché dans la zone de saisie avant la saisie de l'utilisateur, généralement léger gray

- step
Définit la taille du pas du changement de nombre, c'est-à-dire l'unité de chaque changement, telle que step="5". Si l'entrée n'est pas un multiple entier de 5, un un format incorrect sera demandé lors de la soumission

- width

L'attribut width spécifie la largeur de l'élément (Uniquement pour type="image")

Pour plus de connaissances liées à la programmation, veuillez visiter : Apprentissage en programmation ! !

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!