CSS note

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.

新着記事