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

HTML 列表<select>

提問人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-11

復(fù)選框和單選按鈕是收集用戶多重選擇數(shù)據(jù)的有效方式。但是，如果可能的選擇比較多，那么表單將變得很長而難以顯示。在這種情況下，需要使用下拉菜單，下拉菜單用<select>和</select>標(biāo)記來定義。

<select>標(biāo)記是和<option>標(biāo)記配合使用的，一個(gè)<option>標(biāo)記就是下拉菜單中的一項(xiàng)，<select>標(biāo)記和<option>標(biāo)記的屬性分別如表所示。

<select>標(biāo)記的屬性

屬性          功能

size          指定下拉菜單中顯示的菜單項(xiàng)目數(shù)目，取值為數(shù)字

multiple   若被加入，表示可同時(shí)選中下拉菜單中的多個(gè)菜單項(xiàng)，否則，只能選擇一個(gè)，沒有屬性值，多選                      時(shí)，按住Ctrl鍵逐個(gè)選取


<option>標(biāo)記的屬性

屬性          功能

value        指定菜單項(xiàng)被選中后傳送到服務(wù)器的實(shí)際值，可選，如果省略，則將顯示的內(nèi)容傳到服務(wù)器

sekected  若被加入，表示默認(rèn)選中，值是selected


基本語法：

<select>

<option value="列表項(xiàng)的值1">列表項(xiàng)的說明1</option>

...

<option value="列表項(xiàng)的值n">列表項(xiàng)的說明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ù)查找其他問題的答案？

相關(guān)視頻回答
回復(fù)(0)
返回頂部