<input multiple> …… 複数の値を入力・選択できるようにする
multiple属性を指定すると、ユーザーが複数の値を一度に入力、あるいは、選択して送信することができます。 送信される値はカンマ区切りとなります。
■属性
multiple
複数の値を入力・選択できるようにする
複数の値を入力・選択できるようにする
■使用例
HTMLソース
<form action="xxx.php" method="post">
<fieldset>
趣味:
<input type="text" name="hobby" list="hobbys" multiple>
<datalist id="hobbys">
<option value="映画">
<option value="音楽">
<option value="絵画">
<option value="読書">
</datalist> ※複数選択可<br>
<input type="submit" value="送信">
</fieldset>
</form>
<form action="xxx.php" method="post">
<fieldset>
趣味:
<input type="text" name="hobby" list="hobbys" multiple>
<datalist id="hobbys">
<option value="映画">
<option value="音楽">
<option value="絵画">
<option value="読書">
</datalist> ※複数選択可<br>
<input type="submit" value="送信">
</fieldset>
</form>
↓↓↓
ブラウザ上の表示
