Quels sont les nouveaux éléments des formulaires html5 ?-Questions et réponses frontales-php.cn

Quels sont les nouveaux éléments des formulaires html5 ?

青灯夜游

Libérer： 2022-01-23 17:44:49

original

4051 Les gens l'ont consulté

Les nouveaux éléments des formulaires html5 sont : 1. L'élément de balise "", qui peut définir des options prédéfinies de contrôles de saisie ; 2. L'élément de balise "", qui peut définir les champs du générateur de paires de clés (utilisés) pour Form); 3. L'élément de balise "" peut définir les résultats du calcul.

Quels sont les nouveaux éléments des formulaires html5 ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Formulaire HTML5 de nouveaux éléments

balise	description
	définir les options prédéfinies du contrôle de saisie.
	Définissez les champs du générateur de paires de clés (pour les formulaires).
	Définissez le résultat du calcul.

1. La balise

spécifie une liste d'options possibles pour l'élément

La balise est utilisée pour fournir des fonctionnalités de « saisie semi-automatique » pour les éléments L'utilisateur verra une liste déroulante avec des options prédéfinies qui lui serviront de données d'entrée.

Veuillez utiliser l'attribut list de l'élément

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
	
<form action="#" method="get">
<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
<input type="submit">
</form>

</body>
</html>

Copier après la connexion

Quels sont les nouveaux éléments des formulaires html5 ?

2. La balise La balise spécifie le champ du générateur de paire de clés utilisé pour le formulaire.

Lorsque le formulaire est soumis, la clé privée est stockée localement et la clé publique est envoyée au serveur.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

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

</body>
</html>

Copier après la connexion

Quels sont les nouveaux éléments des formulaires html5 ? 3. La balise

est affichée comme résultat du calcul (comme le résultat de l'exécution d'un script).

<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

Recommandations associées : " Quels sont les nouveaux éléments des formulaires html5 ? Tutoriel vidéo HTML