<datalist> - 略語 <datalist> - 略語datalist は <option> と組み合わせて入力項目の選択肢を定義します。input要素の label属性と、datalist要素の id属性で両者を結び付けます。
Opera 9以降でサポートされています。
| 属性 | 意味 |
|---|---|
| class=class | H5+。クラスを指定します。 |
| id=id | H5+。IDを指定します。 |
| style=style | H5+。スタイルシートを指定します。 |
| title=title | H5+。タイトルを指定します。 |
| dir=dir | H5+。文字の表示方向を指定します。 |
| lang=lang | H5++。言語を指定します。 |
| accesskey=key | H5+。アクセスキーを指定します。 |
| tabindex=n | H5+。タブインデックスを指定します。 |
| contenteditable=bool | H5+。要素を編集可能にします。 |
| contextmenu=id | H5+。コンテキストメニューを指定します。 |
| draggable=bool | H5+。ドラッグを可能にします。 |
| dropzone=value | H5+。ドロップを可能にします。 |
| hidden | H5+。要素を非表示にします。 |
| spellcheck=bool | H5+。スペルをチェックします。 |
| HTMLソース |
|---|
<label>
好きなスポーツは？
<input type="text" name="fav_sports" list="sports_list">
<datalist id="sports_list">
<option value="サッカー">
<option value="野球">
<option value="ゴルフ">
</datalist>
</label>
|
| ブラウザ表示例（Opera 9以降） |
|---|