multiple属性

このエントリーをはてなブックマークに追加

multiple属性は複数の入力値を指定できる属性です。

input要素

input要素ではtype属性が「email」、「file」の場合に利用ができます。

<input type="file" name="file" multiple>

type属性が「file」の場合にはmultiple属性を指定しておくとファイル選択画面ではCommandキーなどを押しながらファイルを選択することで複数のファイルの選択が可能です。

<input type="email" name="email" multiple>

type属性が「email」の場合にはmultiple属性を指定しておくとxxx@xxx,xxx@xxxといったカンマ(,)区切りで複数のメールアドレスの入力が可能になります。

select要素

select要素ではmultiple属性で複数の値を選択できるようになり、ユーザーエージェントは複数選択可能なUI(Commandキーなどを押しながら選択など)を提供します。

<select multiple>
	<option value="1"> Miner </option>
	<option value="2"> Puffer </option>
	<option value="3" selected> Snipey </option>
	<option value="4"> Max </option>
	<option value="5"> Firebot </option>
</select>

登録日 : 2015年01月02日 最終更新日 : 2015年1月13日

同じカテゴリー(属性)のエントリー

検索

スポンサードリンク

バージョン

リファレンス