コメント:この記事では、主にHTML5 Datalistタグの使用例(自動的に完了したコンポーネント)を紹介します。それを必要とする友達はそれを参照できます
過去には、JSで自動完了コンポーネント(提案)を作成する必要がありましたが、これは非常に困難でした。 HTML5時代では、もはや必要ありません。データリストタグを直接使用し、ワークロードを直接削減します。次のように
<!doctype html>
<html>
<head>
<Title> HTML5 Datalist Tag </title>
<メタcharset = "utf-8">
</head>
<p>
ブラウザバージョン:<入力リスト= "words">
</p>
<データリスト>
<オプション値= "Internet Explorer">
<オプション値= "firefox">
<オプション値= "Chrome">
<オプション値= "opera">
<オプション値= "safari">
<オプション値= "sogou">
<オプション値= "maxthon">
</datalist>
</body>
</html>
Datalistは、IDを介した入力に関連付けられている事前定義されたリストを提供します。入力に入力が入力されると、自動完了機能があり、ユーザーは選択するドロップダウンリストが表示されます。
Chrome/Firefox/OperaおよびIE10+がサポートされており、Safariはバージョン7までサポートされていません。