wulin.com(www.vevb.com)の記事紹介:データリストは一般に単独ではなく、ラベルタグや入力タグと同様に、入力タグで使用する必要があります。入力タグで使用されるため、これら2つのタグの間には「特別な関係」がある必要があります。そうしないと、入力とデータリストはお互いを認識しません。それで、彼らはどのようにしてこの関係を確立できますか?この時点で私たちは必要です
注:他のいくつかのチュートリアルや資料では、データリストタグはドロップダウンリストと呼ばれます。この名前は十分に正確ではなく、一度にこのタグを理解できないと思います。たとえば、しばらく前:友人がDatalistがスタイルをカスタマイズできる選択であるかどうか尋ねてくれましたか? 、後に、いくつかの本やチュートリアルがドロップダウンリストを呼び出すことを知り、初心者の誤解につながることを知りました。では、このタグはどのようにそれを適切と呼んでいますか?次のケースを読んだ後、説明します。データリストタグ:
データリストの紹介:
データリストは一般に単独では行かず、ラベルタグや入力タグと同様に、入力タグで使用する必要があります。入力タグで使用されるため、これら2つのタグの間に特別な関係がある必要があります。そうしないと、入力とデータリストは互いに認識されません。それで、彼らはどのようにしてこの関係を確立できますか?現時点では、新しい属性リストが必要です(注対象ではありません)。リストは同じです。リストの値は、フォーム要素のIDに設定されているため、自動的に関連付けられます。
Chromeはこのタグをサポートしていません、FirefoxとOperaはそれをうまくサポートできます
データリストの関数:
検索ボックスのオンラインで、文字を入力すると、入力したキーワードが、下の図に示すように、GoogleやBaidu検索などの入力ボックスの下に自動的にリストされることがよくあります。
この効果は、HTML5データリストテクノロジーでは実装されていません
データリストのケース:
データリストの説明:
個人的には、ドロップダウンリストではないため、Datalistを自動完了リストと呼ぶ方が適切だと思います。