Résumer l'utilisation des nouveaux éléments de formulaire en HTML5 et des tutoriels pratiques

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 les attributs de formulaire, ils peuvent toujours être affichés comme un élément de formulaire standard.

Élément HTML5

Liez l'élément

Exemple

<input> 元素使用<datalist>预定义值:
<input list="browsers"><datalist id="browsers">  <option value="Internet Explorer">  <option value="Firefox">  <option value="Chrome">  <option value="Opera">  <option value="Safari"></datalist>

Élément HTML5 Le but de l'élément

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

ificate).

Exemple

Formulaire avec champ keygen :

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

L'élément HTML5

, comme un calcul ou une sortie de script :

Instance

affiche les résultats du calcul dans l'élément

 :

<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>

Nouvel élément de formulaire HTML5