Kommentar: In diesem Artikel wird hauptsächlich das Beispiel für HTML5 -Datalist -Tag -Nutzung vorgestellt (automatisch die Komponente ausfüllen). Freunde, die es brauchen, können sich darauf beziehen
In der Vergangenheit musste ich eine automatische Abschlusskomponente (vorschlagen) in JS schreiben, was sehr schwierig war. In der HTML5 -Ära ist es nicht mehr notwendig. Es verwendet Datalisten -Tags direkt, wodurch die Workload direkt reduziert wird. wie folgt
<! DocType html>
<html>
<kopf>
<title> html5 datalist tag </title>
<meta charset = "utf-8">
</head>
<p>
Browserversion: <Eingabeliste = "Wörter">
</p>
<Datalist>
<Option Value = "Internet Explorer">
<Option Value = "Firefox">
<Option Value = "Chrome">
<Option Value = "Opera">
<Option Value = "Safari">
<Option Value = "SOGOU">
<Option Value = "Maxthon">
</datalist>
</body>
</html>
Datalist stellt eine vordefinierte Liste an, die mit der Eingabe über ID zugeordnet ist. Wenn die Eingabe in die Eingabe eingegeben wird, gibt es eine automatische Abschlussfunktion, und der Benutzer wird eine Dropdown-Liste für die Auswahl angezeigt.
Chrome/Firefox/Opera und IE10+ werden unterstützt, und Safari wird noch erst von Version 7 unterstützt.