[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
ただいまコメントを受けつけておりません。
以下のようにすると、上述のような入力欄が作れる。
<input list="my-datalist"
autocomplete="on"
type="text" />
<datalist id="my-datalist">
<option>ひよこ</option>
<option>ひつじ</option>
<option>うさぎ</option>
</datalist>
ユーザの入力に合わせて候補を絞ってくれる便利な奴である。
だがこれ、Safari (iPhone 標準のブラウザ) では datalist が対応していなく、使えないらしい。上手いこと JavaScript とかで作ってやらないといけないようだ。
過去の入力を WebStrogage に保存しておき、それをページ読み込みと同時に datalist に追加することで、過去の入力も含めて候補として出力したかった。入力欄兼コンボボックスみたいな使い方をしたかったのである。
ただいまコメントを受けつけておりません。