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.
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>
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>
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 : " 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!