multiple属性 - 複数選択

■ 概要

項　　目説　　明
記述形式 multiple，multiple="multiple"，multiple=""    
値 の形式 "multiple" または ""
対応ブラウザー C?+ / e?+ / N?+ / Fx?+ / Op?+ / Ch?+ / Sa?+  
適用可能な要素
（種　　類）		 <input>，<select>　  
（固有属性）  
継　　承 しない

■ 解説

multiple属性 は，

input 要素，select 要素 で，
複数の値 を指定できるようにします。

より具体的には，

input 要素 で，
そのコントロールで ２つ以上の値を指定，または，入力 できるようにします。

select 要素 で，
複数の項目を選択 できるようにします。

■ 使用例１　（<input> での multiple属性の利用）

HTMLソース
HTML
<body> ～ </body>		 
<form action="abc.php" method="post">
   <fieledset>
      好きな果物:
      <input type="text" name="favorite" list="fruits" multiple>
         <datalist id="fruits">
             <option value="みかん">
             <option value="りんご">
             <option value="すいか">
             <option value="いちご">
             <option value="バナナ">
         </datalist>　《複数選択可》<br>
      <input type="submit" value="送信">
   </fieldset>
</form>

ブラウザー 表示例
好きな果物: 　《複数選択可》

■ 使用例２　（<select> での multiple属性の利用）

HTMLソース
HTML
<body> ～ </body>		 
<p>
   <label for="restrict">食べられないもの（複数選択可）：</label>
   <select id="restrict" name="foods" multiple size="3">
      <option value="豚肉" selected>豚肉</option>
      <option value="そば" selected>そば</option>
      <option value="ピーナッツ">ピーナッツ</option>
   </select>
</p>

ブラウザー 表示例

■ 備考

【参考ページ】