HTML
この記事では、ファイル選択などで複数の値を選べるようにするHTMLのmultiple属性を説明します。
この記事でわかること
multipleが使える入力の種類- 複数ファイル・メールアドレスの扱い
- ラベル、送信データ、サーバー検証の注意点
HyperText Markup Language <input> multiple Attribute.
<input multiple>
multiple属性は、論理属性である。
multiple属性を指定すると、ユーザーが複数の値を一度に入力、あるいは、選択して送信することができます。メール入力では複数のメールアドレスをカンマ区切りで入力でき、ファイル入力では複数のファイルを選択できます。
multiple属性は、<input type="email"> と <input type="file"> で動作します。
Tip:<input type="file"> の場合、複数のファイルを選択するには、[Ctrl]キーまたは [Shift]キーを押しながら選択します。
Tip:<input type="email"> の場合、カンマで区切って入力します。
[[email protected], [email protected], [email protected]]
使用例
<p>
<label for="sampleEmail">メールアドレス(複数):</label>
<input type="email" id="sampleEmail" name="sampleEmail" multiple>
</p>
<p>
<label for="sampleFile">ファイル(複数):</label>
<input type="file" id="sampleFile" name="sampleFile" multiple>
</p>