表單中多項(xiàng)選擇屬性multiple

2012/11/22 10:21:39作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例介紹】

multiple屬性規(guī)定可同時(shí)選擇多個(gè)選項(xiàng)。可以把multiple屬性與size屬性配合使用，來定義可見選項(xiàng)的數(shù)目。

【基本語法】

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

【語法介紹】

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

【實(shí)例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>多項(xiàng)選擇屬性</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>

【代碼分析】

在代碼中，加粗的代碼標(biāo)記中添加了multiple多項(xiàng)屬性，在瀏覽器中瀏覽，效果如圖所示。

多項(xiàng)選擇屬性multiple運(yùn)行效果