La balise
Étude recommandée : "Tutoriel HTML5"
Ci-dessous, nous vous le présenterons à travers des exemples de code spécifiques.
<!DOCTYPE>
<html>
<meta charset="utf-8">
<head>
<title>Datalist元素使用示例</title>
</head>
<body>
<input name="section" list="scripts" />
<datalist id="scripts">
<option value="PHP" />
<option value="JavaScript" />
<option value="java" />
<option value="Go" />
<option value="python" />
<option value="c++" />
</datalist>
</body>
</html>L'effet est le suivant :
Il dispose d'une fonction de saisie semi-automatique pour aider les utilisateurs à saisir du contenu dans la zone de texte, et est compatible avec la liste déroulante ou le simple clic Contrairement aux boutons d'option, l'utilisateur peut écrire n'importe quel texte sans limiter les options proposées par la liste de données. La liste de données est liée (ou liée) via l'attribut de liste d'éléments d'entrée.
Remarque :
La datalist et ses options ne seront pas affichées, c'est juste une liste de valeurs d'entrée légales. Vous devez utiliser l'attribut list de l'élément d'entrée pour lier la liste de données.
Cet article est une introduction à l'utilisation de l'élément Datalist en HTML5. Il est simple et facile à comprendre. J'espère qu'il sera utile aux amis dans le besoin !
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!
utilisation de l'instruction de mise à jour
Comment utiliser l'outil de capture de paquets HttpCanary
Comment utiliser la monnaie numérique
Comment utiliser aspose
Solutions aux caractères chinois tronqués
Comment configurer la connexion à la base de données dans mybatis
Utilisation de la fonction fgets
Comment définir la police Dreamweaver
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
