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