トップページ  > HTML5  > <input>  > autocomplete

★HTML5タグリファレンス

<input autocomplete> …… 入力候補を提示して入力内容を自動補完する
Opera9Opera10

<input>要素のautocomplete属性を指定すると、ユーザーに対して入力候補を提示して、内容を自動補完することができます。 例えば、検索キーワード候補の提示のようなインターフェースを実現できます。

入力候補として表示されるデータのリストを指定するには、 HTML5から追加される予定の<datalist>を使用します。<datalist>は、 フォームの入力欄などで入力候補となるデータリストを定義します。 各データのリスト項目は、<option>で定義します。 <datalist>をサポートしたブラウザでは、<option>で指定された値がユーザーに対して入力候補として提案表示されます。

<input>のlist属性の値と<datalist>のid属性の値を同じにして、入力欄とデータリストを関連付けます。

■属性

autocomplete
自動補完(オートコンプリート)を指定する

■使用例

HTMLソース

<form action="xxx.php" method="post">
<fieldset>
エリア:
<input type="text" name="yourarea" autocomplete="on" list="tokyo">
<datalist id="tokyo">
<option value="渋谷">
<option value="新宿">
<option value="池袋">
</datalist><br>
<input type="submit" value="送信">
</fieldset>
</form>
↓↓↓

ブラウザ上の表示

エリア:
▲ページ先頭へ
トップページ  > HTML5  > <input>  > autocomplete
PR
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
HTMLクイックリファレンスについて
© HTMQ