Maison  >  Article  >  interface Web  >  Introduction à l'utilisation des nouveaux éléments de formulaire HTML5 (datalist/keygen/output)_html5 compétences du didacticiel

Introduction à l'utilisation des nouveaux éléments de formulaire HTML5 (datalist/keygen/output)_html5 compétences du didacticiel

WBOY
WBOYoriginal
2016-05-16 15:49:082188parcourir

HTML5 possède plusieurs éléments et attributs liés aux formulaires.

Ce chapitre présente les nouveaux éléments de formulaire suivants :

•datalist
•keygen
•output

Prise en charge du navigateur

Input type IE Firefox Opera Chrome Safari
datalist No No 9.5 No No
keygen No No 10.5 3.0 No
output No No 9.5 No No

Élément datalist

L'élément datalist spécifie une liste d'options pour le champ de saisie.
Les listes sont créées via des éléments d'option dans datalist.
Si vous devez lier la liste de données au champ de saisie, veuillez utiliser l'attribut list du champ de saisie pour référencer l'identifiant de la liste de données :

Instance

Copier le code
Le code est le suivant :

Page Web :



Essayez-le vous-même

Conseil : l'élément option doit toujours définir la valeur attribut.

Élément keygen

Le but de l'élément keygen est de fournir un moyen fiable d'authentifier l'utilisateur.
L'élément keygen est un générateur de paires de clés. Lorsque le formulaire est soumis, deux clés sont 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 ultérieurement pour vérifier le certificat client de l'utilisateur.

Actuellement, la prise en charge par les navigateurs de cet élément est suffisamment médiocre pour en faire une norme de sécurité utile.
Exemple

Copier le code
Le code est le suivant :


Nom d'utilisateur : name=" security" />




Essayez-le par vous-même

élément de sortie
l'élément de sortie est utilisé pour différents types de sortie, tels que la sortie de calcul ou de script :

Instance

Copier le codeLe code est le suivant :
< ;/output>
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn