Комментарий: Эта статья в основном представляет пример использования данных Datalist HTML5 (автоматически полная компонент). Друзья, которые это нужно, могут ссылаться на это
В прошлом мне нужно было написать компонент автоматического завершения (предложить) в JS, что было очень сложно. В эпоху HTML5 это больше не нужно. Он использует даталистские теги напрямую, что напрямую уменьшает рабочую нагрузку. следующее
<! Doctype html>
<html>
<голова>
<Title> HTML5 Datalist Tag </title>
<meta charset = "utf-8">
</head>
<p>
Версия браузера: <input list = "words">
</p>
<Datalist>
<option value = "Internet Explorer">
<опция value = "firefox">
<опция value = "chrome">
<option value = "opera">
<опция value = "safari">
<vition value = "sogou">
<vition value = "maxthon">
</datalist>
</body>
</html>
Datalist предоставляет предварительно определенный список, который связан с вводом через ID. Когда ввод введен при входе, будет выполнена функция автоматического завершения, и пользователь увидит раскрывающий список для его выбора.
Hrome/Firefox/Opera и IE10+ поддерживаются, и Safari до сих пор не поддерживается до версии 7.