HTML リファレンスマニュアル

HTML タグ一覧

HTML: <input> list 属性

list属性は<input>要素の事前に定義されたオプションを含む<datalist>要素を参照します。list属性はHTML5で追加された属性。

オンラインサンプル

在<datalist>に事前に定義された値を持つ<input>要素：

例

<!DOCTYPE　html>
<html>
<head>
<title>HTML:<input>　list　属性　-　基础教程网(oldtoolbag.com)</title>
<body>
<form action="action_page.php" method="get">
　　<input list="languages" name="language">
　　<datalist id="languages">
　　　　<option value="Golang">
　　　　<option value="C#">
　　　　<option value="C++">
　　　　<option value="PHP">
　　　　<option value="Java">
　　</datalist>
　　<input　type="submit">
</form>
</body>
</html>

テストを試してみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

Internet Explorer 10、Firefox、Opera、Chrome が list 属性をサポートしています。

注意：Safari または Internet Explorer 9 及びその以前のバージョンでは、<input> タグの list 属性をサポートしていません。

定義と使用法

list 属性の参照 <datalist> 要素が含まれており、<input> 要素のプレデファインドオプションを持っています。

HTML 4.01 と HTML5の違い

list 属性は HTML5 で追加された属性。

文法

<input list="datalist_id">

属性値

値	説明
datalist_id	datalist にバインドされた <input> 要素の id を指定します。

　HTML <input> タグ

HTML: <template> タグ