Comentario: Este artículo presenta principalmente el ejemplo de uso de la etiqueta HTML5 DataList (componente completo automáticamente). Amigos que lo necesitan pueden referirse a él
En el pasado, necesitaba escribir un componente automático de finalización (sugerir) en JS, lo cual fue muy difícil. En la era HTML5, ya no es necesario. Utiliza etiquetas de datos directamente, lo que reduce directamente la carga de trabajo. como sigue
<! Doctype html>
<html>
<Evista>
<title> html5 etiqueta de datos </title>
<meta charset = "utf-8">
</ablo>
<p>
Versión del navegador: <input list = "Words">
</p>
<Stalist>
<opción valor = "Internet Explorer">
<opción valor = "Firefox">
<opción valor = "chrome">
<opción valor = "ópera">
<opción valor = "safari">
<opción valor = "Sogou">
<opción valor = "maxThon">
</shalist>
</body>
</html>
Datalist proporciona una lista predefinida, que está asociada con la entrada a través de ID. Cuando se ingrese la entrada en la entrada, habrá una función de finalización automática, y el usuario verá una lista desplegable para que elija.
Chrome/Firefox/Opera e IE10+ son compatibles, y Safari aún no es compatible hasta la versión 7.