", qui peut définir des options prédéfinies de contrôles de saisie ; 2. Élément de balise "", qui peut définir des champs générateurs de paires de clés (pour les formulaires) ; , l'élément de balise "" peut définir les résultats du calcul."/> ", qui peut définir des options prédéfinies de contrôles de saisie ; 2. Élément de balise "", qui peut définir des champs générateurs de paires de clés (pour les formulaires) ; , l'élément de balise "" peut définir les résultats du calcul.">

Maison  >  Article  >  interface Web  >  Quels sont les nouveaux éléments des formulaires html5 ?

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

青灯夜游
青灯夜游original
2022-01-23 17:44:494031parcourir

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>

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>

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>

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

"

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!

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