Maison > interface Web > Questions et réponses frontales > Comment utiliser la balise datalist HTML

Comment utiliser la balise datalist HTML

藏色散人
Libérer: 2019-05-26 14:29:25
original
3763 Les gens l'ont consulté

La balise

html datalist est utilisée pour définir une liste d'options et spécifie une liste d'options possibles pour l'élément d'entrée. Tous les principaux navigateurs prennent en charge la balise La balise est une nouvelle balise en HTML5.

Comment utiliser la balise datalist HTML

Que signifie la balise datalist ? Comment utiliser la balise datalist html ?

Fonction : Définit la liste d'options et spécifie la liste d'options possibles pour l'élément d'entrée.

Remarque :

Veuillez utiliser cet élément en conjonction avec l'élément d'entrée pour définir les valeurs possibles de l'entrée. La liste de données et ses options ne sont pas affichées, c'est juste une liste de valeurs d'entrée valides. Veuillez utiliser l'attribut list de l'élément d'entrée pour lier la liste de données.

Remarque : La balise est prise en charge par tous les principaux navigateurs, à l'exception d'Internet Explorer et de Safari. La balise est nouvelle dans HTML 5.

Exemple d'utilisation de balise de liste de données HTML

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input list = "name">
<datalist id = "name">
    <option value = "猪哥">
    <option value = "无忌哥哥">
    <option value = "peter_朱">
    <option value = "灭绝师太">
    <option value = "西门大官人">
</datalist>
</body>
</html>
Copier après la connexion

Effet :

Comment utiliser la balise datalist 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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal