Introduction de l'article de wulin.com (www.vevb.com): Datalist ne va généralement pas seul, il doit être utilisé avec la balise d'entrée, tout comme la balise d'étiquette et la balise d'entrée. Puisqu'il est utilisé avec la balise d'entrée, il doit y avoir une "relation spéciale" entre ces deux balises, sinon l'entrée et le datalist ne se reconnaîtront pas mutuellement. Alors, comment peuvent-ils établir cette relation? Pour le moment, nous avons besoin
Remarque: Dans certains autres tutoriels ou matériaux, la balise de données est appelée liste déroulante. Je pense que ce nom n'est pas assez précis et je ne comprends pas cette balise en même temps. Par exemple, il y a quelque temps: un ami m'a demandé si le datalist était un choix qui peut personnaliser le style? , J'ai appris plus tard que certains livres ou tutoriels appellent des listes déroulantes, ce qui a conduit aux malentendus des débutants. Alors, comment cette balise l'appelle-t-il approprié? Après avoir lu les cas suivants, je vais expliquer:Tag de datalist:
Introduction du Datalist:
Datalist ne va généralement pas seul, il doit être utilisé avec la balise d'entrée, tout comme les balises d'étiquette et les balises d'entrée. Puisqu'il est utilisé avec la balise d'entrée, il doit y avoir une relation spéciale entre ces deux balises, sinon l'entrée et le dataliste ne se reconnaîtront pas. Alors, comment peuvent-ils établir cette relation? Pour le moment, nous avons besoin d'une nouvelle liste d'attributs (note, pas pour). La liste est la même que pour. La valeur de la liste est définie sur l'ID de l'élément de formulaire, afin qu'ils soient automatiquement associés.
Chrome ne prend pas en charge cette balise, Firefox et Opera peuvent bien le soutenir
Fonction de données:
Nous voyons souvent dans la zone de recherche en ligne que lorsque vous entrez un caractère, les mots clés que vous avez entrés seront automatiquement répertoriés sous la zone d'entrée, tels que les recherches Google ou Baidu, comme indiqué dans la figure ci-dessous:
Cet effet n'est pas mis en œuvre avec la technologie des données HTML5
Cas des données:
DESCRIPTION DES DATALIST:
Je pense personnellement qu'il est plus approprié d'appeler le datalist une liste d'achèvement automatique car ce n'est pas une liste déroulante.