HTML <select>複数の属性

❮HTML<select>タグ

複数選択できるドロップダウンリスト:

<label for="cars">Choose a car:</label>

<select name="cars" id="cars" multiple>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

定義と使用法

multiple属性はブール属性です

存在する場合、複数のオプションを一度に選択できることを指定します。

複数のオプションの選択は、オペレーティングシステムやブラウザによって異なります。

  • Windowsの場合:コントロール(Ctrl)ボタンを押したままにして、複数のオプションを選択します
  • Macの場合:コマンドボタンを押したままにして、複数のオプションを選択します

これを行うにはさまざまな方法があり、複数選択が利用可能であることをユーザーに通知する必要があるため、代わりにチェックボックスを使用する方がユーザーフレンドリーです。


ブラウザのサポート

Attribute
multiple Yes Yes Yes Yes Yes

構文

<select multiple>

❮HTML<select>タグ