3

以下のスナップショットのようにドロップダウンを作成したいと思います。HTML5 datalist私はグーグルで検索し、それがこれを行うのに役立つことを知りました. ただし、データリストにフォーカスがある場合、すべてのオプションが表示されるわけではありません。すべてのオプションを表示するにはどうすればよいですか?

スナップショット

これまでの私のコードは次のとおりです。

<input list="theaters" name="theaters">
    <datalist id="theaters">
        <option value="Inox">
        <option value="E Square">
    </datalist>
</input>
4

1 に答える 1

5

終了タグを削除してコードを変更します

<input list="theaters" name="theaters">
<datalist id="theaters">
  <option value="Inox">
  <option value="E Square">
</datalist>

このフィドルのデモを確認してください。テキストボックスにフォーカスがあるときに下矢印キーを押すだけです。すべてのオプションが表示されます。

于 2014-01-27T06:03:34.813 に答える