建立下拉式列表框
用來代替復(fù)選框和單選按鈕的另一個(gè)方法是建立下拉式列表框來顯示一個(gè)選擇菜單。下拉式列表框一次只能顯示一個(gè)選擇,要查看別的可能的選項(xiàng),你可以點(diǎn)擊框右邊的箭頭。使用下拉式列表框的一個(gè)好處是它和單選按鈕和復(fù)選框相比,占用網(wǎng)頁上較少的空間。
你可以使用<SELECT>和<OPTION>標(biāo)識符來建立一個(gè)下拉式列表框,象下面的例子:
<HTML>
<HEAD>
<TITLE> Drop-Down List Box </TITLE>
</HEAD>
<BODY >
<FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”>
<BR> Please indicate your sex:
<BR> <SELECT NAME=“sex”>
<OPTION VALUE=“Is Male”>Male
<OPTION VALUE=“Is Female”>Female
</SELECT>
<INPUT TYPE=SUBMIT VALUE=“Submit Me!”>
</FORM>
</BODY>
</HTML>
在此例中,<SELECT>的NAME屬性為你的下拉式列表框提供了一個(gè)名字,每一個(gè)<OPTION>標(biāo)識符提供了一個(gè)可能的選項(xiàng)。<OPTION>的VALUE屬性指定了當(dāng)選擇了此項(xiàng)并按下Submit按鈕后應(yīng)該被提交的值。最后,在<OPTION>標(biāo)識符后出現(xiàn)的文字決定了這一項(xiàng)在下拉式列表框中怎樣顯示出來。
此例中的列表框與一組單選按鈕的功能一樣,你一次只能選擇一項(xiàng)。例如,如果你從列表框中選擇了Female一項(xiàng),當(dāng)按下Submit按鈕時(shí),發(fā)送的值將是Is Female。這個(gè)值將與列表框名sex相關(guān)聯(lián),你永遠(yuǎn)也不會一次選擇多項(xiàng)。
缺省狀態(tài)下,跟在第一個(gè)<OPTION>標(biāo)識符后的文字將會成為下拉式列表框的初始值而顯示,你可以使用<OPTION>的SELECT屬性來改變這一缺省值。在下例中,當(dāng)列表框出現(xiàn)時(shí),F(xiàn)emale被選擇了,雖然在選項(xiàng)列表中Male排在Female的前面。
<HTML>
<HEAD>
<TITLE> Drop-Down List Box </TITLE>
</HEAD>
<BODY >
<FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”>
<BR> Please indicate your sex:
<BR> <SELECT NAME=“sex”>
<OPTION VALUE=“Is Male”>Male
<OPTION VALUE=“Is Female” SELECTED>Female
</SELECT>
<BR> <INPUT TYPE=SUBMIT VALUE=“Submit Me!”>
</FORM>
</BODY>
</HTML>
指定一個(gè)不同的缺省值在某種情況下是很有用的,那就是當(dāng)你有一個(gè)字母順序的列表,但你想選擇列表中的某一個(gè)作為它的缺省值。例如,假設(shè)你有一個(gè)許多圖象的列表,但你想讓缺省的圖象是中國,在這種情況下,你可以使用SELECT屬性來指定P.R.China為缺省值,即使這個(gè)國家的名字排列在整個(gè)字母表的后頭。