HTML 列表<select>
復(fù)選框和單選按鈕是收集用戶多重選擇數(shù)據(jù)的有效方式。但是，如果可能的選擇比較多，那么表單將變得很長而難以顯示。在這種情況下，需要使用下拉菜單，下拉菜單用<select>和</select>標(biāo)記來定義。
<select>標(biāo)記是和<option>標(biāo)記配合使用的，一個<option>標(biāo)記就是下拉菜單中的一項，<select>標(biāo)記和<option>標(biāo)記的屬性分別如表所示。
<select>標(biāo)記的屬性
屬性 功能
size 指定下拉菜單中顯示的菜單項目數(shù)目，取值為數(shù)字
multiple 若被加入，表示可同時選中下拉菜單中的多個菜單項，否則，只能選擇一個，沒有屬性值，多選 時，按住Ctrl鍵逐個選取
<option>標(biāo)記的屬性
屬性 功能
value 指定菜單項被選中后傳送到服務(wù)器的實(shí)際值，可選，如果省略，則將顯示的內(nèi)容傳到服務(wù)器
sekected 若被加入，表示默認(rèn)選中，值是selected
基本語法：
<select>
<option value="列表項的值1">列表項的說明1</option>
...
<option value="列表項的值n">列表項的說明n</option>
</select>
本例是使用<select>列表，顯示的是單選的下拉列表的樣式，將來配合后面 multiple屬性，可以做到多選下拉列表。
代碼如下：
<!DOCTYPE html>
<html>
<head>
<title>列表</title>
</head>
<body>
<form>
select:
<select>
<option value="C++">C++</option>
<option value="Java">Java</option>
<option value="Html">Htm</option>
</select>
</form>
</body>
</html>
湘公網(wǎng)安備:43011102000856號 
點(diǎn)擊加載更多評論>>