Safariはdatalistには未対応

kentomurata 64views 更新:2016年8月18日

datalistを使うと、入力フォームで入力候補を表示することができます。

これはHTML5から新しく導入されたもので、Chromeでは表示できるもののSafariでは表示できないので注意が必要です。

ただ、以下のように書けば未対応のブラウザでのみ、入力フォームの下に文章が追加されるそうです。

<p>テスト<input type="text" name="code" size="30" list="codeType"></p>

<datalist id="codeType">
<option value="AAA"></option>
<option value="BBB"></option>
<option value="CCC"></option>

※入力フォームには、AAA、BBB、CCC などを入力してください。

</datalist>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません