Exemples d'éléments de formulaire HTML5 expliqués-Tutoriel H5-php.cn

Exemples d'éléments de formulaire HTML5 expliqués

零下一度

Libérer： 2017-05-15 10:57:57

original

1801 Les gens l'ont consulté

Nouveaux éléments de formulaire HTML5

HTML5 comporte les nouveaux éléments de formulaire suivants :

< ;

Remarque : Tous les navigateurs ne prennent pas en charge les nouveaux éléments de formulaire HTML5, mais vous pouvez les utiliser, même si le navigateur ne prend pas en charge l'attribut du formulaire , il peut toujours être affiché comme un élément normal Éléments de formulaire.

Élément HTML5 L'élément

spécifie une liste d'options pour un champ de saisie. L'attribut

spécifie que le formulaire ou le champ de saisie doit avoir la fonction auto-complete. Lorsque l'utilisateur commence à saisir un champ de saisie semi-automatique, le navigateur doit afficher les options renseignées dans ce champ :

Liez l'élément à l'aide de l'attribut list de l'élément > L'élément

Instance

utilise la valeur prédéfinie :

<input list="browsers">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Copier après la connexion

Élément HTML5 Le but est de fournir un moyen fiable d’authentifier les utilisateurs. La balise

spécifie le champ

Générateur

de la paire de clés à utiliser dans le formulaire.

Lorsque le formulaire est soumis, deux clés seront générées, l'une est la clé privée et l'autre est la clé publique.

La clé privée est stockée sur le client, et la clé publique est envoyée au serveur. La clé publique peut être utilisée pour vérifier ultérieurement le certificat client de l'utilisateur (client cert

icate).

Exemple

Formulaire avec champ keygen :

L'élément HTML5

<form action="demo_keygen.asp" method="get">
用户名: <input type="text" name="usr_name">
加密: <keygen name="security">
<input type="submit">
</form>

Copier après la connexion

, comme un calcul ou une sortie de script :

Instance

Afficher les résultats du calcul dans l'élément :

[Recommandations associées]

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100 +
<input type="number" id="b" value="50">=
<output name="x" for="a b"></output>
</form>

Copier après la connexion

Recommandation spéciale

: Téléchargement de la version "php Programmer Toolbox" V0.12. Tutoriel vidéo en ligne h5

3 Tutoriel vidéo html5 original php.cn

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!