“input”要素~“multiple”属性

“multiple”属性について

“multiple”属性は“type="email"”、“type="file"”を指定した“input”要素で表される入力欄に複数の値を入力できるようにする属性です。

“multiple”属性を指定した入力欄にはコンマ(“,”)で区切ることで複数の入力値を入力してフォームで送信することができます。

指定できる値

属性値は省略できます。

サンプルコード

“type="email"”

属性値を省略
<form method="post" action="sample-inputtag13.php" target="_blank">

<fieldset>

<p><label>名前：<input type="text" name="name"></label></p>
<p><label>連絡先：<input type="email" name="email" multiple></label></p>

</fieldset>
<p><button type="submit">送信する</button></p>

</form>

属性値を省略

名前：

連絡先：

送信する

＊送信すると入力内容が表示されます。

“type="file"”

<form method="post" action="sampleform.php" enctype="multipart/form-data" target="_blank">

<fieldset>

<p><label>名前：<input type="text" name="name"></label></p>
<p><label>企画書：<input type="file" name="history" accept=".doc,.docx,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" multiple></label></p>
<p><label>写真：<input type="file" name="photo" accept=".jpg,.jpeg,image/jpeg"></label></p>

</fieldset>
<p><button type="submit">送信する</button></p>

</form>

名前：

企画書：

写真：

送信する

＊このフォームは送信できません。