Commentaire: Cet article présente principalement l'exemple d'utilisation de la balise DATML5 (composant complet). Les amis qui en ont besoin peuvent y faire référence
Dans le passé, j'avais besoin d'écrire un composant d'achèvement automatique (suggérer) dans JS, ce qui était très difficile. À l'ère HTML5, ce n'est plus nécessaire. Il utilise directement les balises de données, ce qui réduit directement la charge de travail. comme suit
<! Doctype html>
<html>
<adal>
<Title> HTML5 Datalist Tag </Title>
<meta charset = "utf-8">
</ head>
<p>
Version du navigateur: <entrée List = "Words">
</p>
<datalist>
<Option Value = "Internet Explorer">
<Option Value = "Firefox">
<Option Value = "Chrome">
<option valeur = "opéra">
<Option Value = "Safari">
<Option Value = "Sogou">
<option valeur = "maxthon">
</DATATALIST>
</docy>
</html>
Datalist fournit une liste prédéfinie, qui est associée à l'entrée via l'ID. Lorsque l'entrée est entrée en entrée, il y aura une fonction d'achèvement automatique et l'utilisateur verra une liste déroulante pour qu'il choisisse.
Chrome / Firefox / Opera et IE10 + sont pris en charge, et Safari n'est toujours pas pris en charge avant la version 7.