éléments de formulaire HTML5

Les nouveaux éléments de formulaire HTML5

Les nouveaux éléments de formulaire HTML5 suivants:

• <Datalist>
• <Keygen>
• <Sortie>

Remarque: Tous les navigateurs prennent en charge les nouveaux éléments de formulaire HTML5, mais vous pouvez les utiliser, même si le navigateur ne supporte pas les propriétés du formulaire peut encore apparaître comme éléments réguliers de forme.

HTML5 <datalist> élément

<Datalist> spécifie une liste des options de champs d'entrée.

<Datalist> attribut spécifie le champ de formulaire ou d'entrée doit avoir autocomplete. Lorsque les utilisateurs commencent à taper dans le champ de saisie semi-automatique, le navigateur doit afficher les options pour remplir dans ce domaine:

Utilisez <input> élément d'une liste d'attributs et <datalist> élément de fixation.

Exemples

<Entrée> élément utilise les <datalist> valeurs prédéfinies:

<entrée liste = "navigateurs"> <Datalist id = "navigateurs"> <Option value = "Internet Explorer"> <Option value = "Firefox"> <Option value = "Chrome"> <Option value = "Opera"> <Option value = "Safari"> </ Datalist>

Essayez »

HTML5 <keygen> élément

Rôle <keygen> est de fournir un procédé fiable pour authentifier un utilisateur.

<Keygen> est utilisée pour former une clé champ de générateur de paire prédéterminée.

Lors de la soumission d'un formulaire, il génère deux clés, une privée, l'un public.

La clé privée (clé privée) est stockée dans le client, la clé publique (clé publique) ont été envoyés au serveur. La clé publique peut être utilisée pour authentifier l'utilisateur après que le certificat client (certificat client).

Exemples

Avec la forme de champ keygen:

<Form action = "demo_keygen.asp" method = "get"> Nom d' utilisateur: <input type = "text" name = "usr_name"> Cryptage: <keygen name = "sécurité"> <entrée type = "submit"> </ Form>

Essayez »

HTML5 <output>

<Output> est utilisé pour différents types de sortie, tels que des calculs ou sortie du script:

Exemples

Les résultats apparaissent dans le <output>:

<Form oninput = "x.Value = parseInt (a.value ) + parseInt (b.value)" <input> 0 type = "range" id = "a" value = "50"> 100 + <input type = "nombre" id = "b" value = "50"> = < sortie name = "x" for = "ab"> </ output> </ Form>

Essayez »

HTML5 Nouveau formulaire Éléments