HTMLデータリストタグ
- 24-07-2022
- Trung Minh
- 0 Comments
<datalist>タグは、<input>要素のオプションの定義済みリストを指定します。
<datalist>タグは、<input>要素に「オートコンプリート」機能を提供するために使用されます。ユーザーはデータを入力する前にオプションのドロップダウンリストを表示します。
バインドには、<input>タグのlist属性を<datalist>タグのid属性と組み合わせて使用します。
<datalist>.tagの使用方法
例:<datalist>タグを使用して、入力タグの事前オプションリストを作成します。
<!DOCTYPE html> <html> <head> <title>Học lập trình miễn phí tại web888.vn</title> <meta charset="utf-8"> </head> <body> <h1>Học lập trình miễn phí tại web888.vn</h1> <form action="/action_page.php" method="get"> <input list="browsers" name="browser"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> <input type="submit"> </form> </body> </html>
<datalist>の属性.tag
<datalist>タグは、HTMLのすべてのグローバル属性で提供されます。