位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

HTML 列表<select>

提問人:劉團圓發(fā)布時間:2020-11-11

復選框和單選按鈕是收集用戶多重選擇數(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>

image.png

繼續(xù)查找其他問題的答案?

相關視頻回答
回復(0)
返回頂部