テキストフィールドで、お勧めの値を入力可能にする



HTML

<input type="text" value="" list="menus" size="50" placeholder="好きな鍋を入力してください" />
<datalist id="menus">
 <option value="ちゃんこ鍋"></option>
 <option value="アンコウ鍋"></option>
 <option value="キムチ鍋"></option>
 <option value="石狩鍋"></option>
 <option value="もつ鍋"></option>
</datalist>

ブラウザサポート

Can I Use datalist? Data on support for the datalist feature across the major browsers from caniuse.com.


新着記事

コメントは受け付けていません。