想必細心地同學都有發(fā)現(xiàn),我們在填寫表單時經(jīng)??梢钥吹揭粋€控件,那就是下拉列表框,最常見的應該就是地區(qū)選擇。那么 HTML 下拉列表框怎么設置呢?又怎么設置下拉列表框的默認值呢?這篇文章告訴你。
<select></select>標簽
HTML 下拉列表框是由?<select></select>
?標簽顯示的,其中下拉選項內(nèi)容是由?<option></option>
?標簽控制的。
先讓我們來看下具體實現(xiàn)效果:
具體代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML下拉列表框 - 編程獅(w3cschool.cn)</title>
</head>
<body>
<form>
<label>地區(qū)</label>
<select>
<option value="福建">福建</option>
<option value="浙江">浙江</option>
<option value="上海">上海</option>
<option value="江蘇">江蘇</option>
</select>
</form>
</body>
</html>
HTML 下拉列表框默認值怎么設置?
列表框中顯示的值默認第一個值,如果需要指定顯示值,在選項標簽中加入?selected="selected"
?屬性即可。如下:
<option value="上海" selected="selected">上海</option>
value 的值是用于像服務器提交的值,并非顯示在頁面上的值。
下拉列表也可以設置為多選,實現(xiàn)這個功能需要在 select 標簽上加入?multiple="multiple"
?屬性。在頁面操作進行多選時需要按下 Ctrl 鍵同時進行單擊(Mac 系統(tǒng)下使用 Command+ 單擊)。
以上就是文章“HTML 下拉列表框怎么設置?下拉列表框默認值怎么設置?”的全部內(nèi)容。想要了解更多 HTML 學習知識,請前往 w3cschool。