表單中多項選擇屬性multiple

2012/11/22 10:21:39作者：佚名來源：網絡

移動端

【實例介紹】

表單中多項選擇屬性multiple

multiple屬性規(guī)定可同時選擇多個選項?？梢园裮ultiple屬性與size屬性配合使用，來定義可見選項的數(shù)目。

【基本語法】

<select name="列表項的名稱" size="顯示的列表項數(shù)" multiple>
<option value="選項值" selected>選項顯示內容
···
</select>

【語法介紹】

multiple如果加上該屬性，表示允許用戶從列表中選擇多項。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>多項選擇屬性</title>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td><form action="mailto:weixiaofoxw.com" name="form1" 
method="post" enctype="multipart/form-data"target="_blank" >
      <p>所在地區(qū)：</p>
      <p>
  <select name="select" size="4" multiple>
    <option value="1">北京</option>
    <option value="2">上海</option>
    <option value="3">天津</option>
    <option value="4">河北</option>
    <option value="5">山東</option>
    <option value="6">廣州</option>
    <option value="7">江蘇</option>
  </select>
      </p>
 　　　　     
 <input type="submit" name="button" value="提交">
    </form></td>
  </tr>
</table>
</body>
</html>

【代碼分析】

在代碼中，加粗的代碼標記中添加了multiple多項屬性，在瀏覽器中瀏覽，效果如圖所示。

多項選擇屬性multiple運行效果