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 :

fc86e7b705049fc9d4fccc89a2e80ee3

aa983b9eb8086376f1f6481364a02e5a

< ;

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 fc86e7b705049fc9d4fccc89a2e80ee3 L'élément

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

fc86e7b705049fc9d4fccc89a2e80ee3 spécifie que le formulaire ou le champ de saisie doit avoir une fonctionnalité de saisie semi-automatique. 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 fc86e7b705049fc9d4fccc89a2e80ee3 à l'aide de l'attribut list de l'élément d5fd7aea971a85678ba271703566ebfd >

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 aa983b9eb8086376f1f6481364a02e5a Le but de l'élément

aa983b9eb8086376f1f6481364a02e5a La balise

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

be6d67dae90cc1ad6469079e163d0939 , comme un calcul ou une sortie de script :

Instance

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

<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

fc86e7b705049fc9d4fccc89a2e80ee3 : La balise d5fd7aea971a85678ba271703566ebfd définit une liste d'options. Utilisez cet élément en conjonction avec un élément d'entrée pour définir les valeurs possibles de l'entrée.

aa983b9eb8086376f1f6481364a02e5a : La balise aa983b9eb8086376f1f6481364a02e5a spécifie le champ générateur de paire de clés à utiliser dans le formulaire.

be6d67dae90cc1ad6469079e163d0939 : La balise be6d67dae90cc1ad6469079e163d0939 définit différents types de sortie, tels que la sortie de script.

【Recommandations associées】

1.

Recommandation spéciale : "php Programmer Toolbox" version V0.1 Télécharger

2.

Tutoriel vidéo en ligne h5 gratuit

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!