HTML 列表<select>
復選框和單選按鈕是收集用戶多重選擇數(shù)據的有效方式。但是,如果可能的選擇比較多,那么表單將變得很長而難以顯示。在這種情況下,需要使用下拉菜單,下拉菜單用<select>和</select>標記來定義。
<select>標記是和<option>標記配合使用的,一個<option>標記就是下拉菜單中的一項,<select>標記和<option>標記的屬性分別如表所示。
<select>標記的屬性
屬性 功能
size 指定下拉菜單中顯示的菜單項目數(shù)目,取值為數(shù)字
multiple 若被加入,表示可同時選中下拉菜單中的多個菜單項,否則,只能選擇一個,沒有屬性值,多選 時,按住Ctrl鍵逐個選取
<option>標記的屬性
屬性 功能
value 指定菜單項被選中后傳送到服務器的實際值,可選,如果省略,則將顯示的內容傳到服務器
sekected 若被加入,表示默認選中,值是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>
點擊加載更多評論>>