ホームページ  >  記事  >  ウェブフロントエンド  >  データリストタグ

データリストタグ

PHP中文网
PHP中文网オリジナル
2017-03-27 16:56:532472ブラウズ

datast を入力の新しい属性リストと一緒に使用して、入力をダブルクリックすると、履歴レコードと同様に、ユーザーが選択できるオプションを提供できます。

<input list="browsers">
 <datalist id="browsers">
    <option value="Safari">
    <option value="Internet Explorer">
    <option value="Opera">
    <option value="Firefox">
</datalist>

定義と使用法

fc86e7b705049fc9d4fccc89a2e80ee3 タグ定義オプションのリスト。この要素を input 要素と組み合わせて使用​​して、入力の可能な値を定義します。

datalist とそのオプションは表示されません。これは正当な入力値のリストにすぎません。

データリストをバインドするには、input 要素の list 属性を使用してください。

関連記事:

HTML5の日常練習 - datalistタグのオートコンプリートの使い方

html5 datalistタグの使用例(オートコンプリートコンポーネント)

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。