?? 6-1-8.cfm.htm
字號:
<html>
<head>
<title>建立下拉式列表框</title>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋體"><b>
<p ALIGN="JUSTIFY">建立下拉式列表框</p>
</b></font><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">用來代替復選框和單選按鈕的另一個方法是建立下拉式列表框來顯示一個選擇菜單(見圖6.8)。下拉式列表框一次只能顯示一個選擇,要查看別的可能的選項,你可以點擊框右邊的箭頭。使用下拉式列表框的一個好處是它和單選按鈕和復選框相比,占用網(wǎng)頁上較少的空間。</p>
<p ALIGN="JUSTIFY">你可以使用<SELECT>和<OPTION>標識符來建立一個下拉式列表框,象下面的例子:</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Drop-Down List Box </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY ></p>
<p ALIGN="JUSTIFY"><FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”></p>
<p ALIGN="JUSTIFY"><BR> Please indicate your sex:</p>
<p ALIGN="JUSTIFY"><BR> <SELECT NAME=“sex”></p>
<p ALIGN="JUSTIFY"><OPTION VALUE=“Is Male”>Male</p>
<p ALIGN="JUSTIFY"><OPTION VALUE=“Is Female”>Female</p>
<p ALIGN="JUSTIFY"></SELECT></p>
<p ALIGN="JUSTIFY"><INPUT TYPE=SUBMIT VALUE=“Submit Me!”></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY"> </p>
<p ALIGN="JUSTIFY"><img SRC="Image41.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image41.gif" WIDTH="578" HEIGHT="391"></p>
<b>
<p ALIGN="CENTER">圖6.8 下拉式列表框</p>
</b>
<p ALIGN="JUSTIFY">在此例中,<SELECT>的NAME屬性為你的下拉式列表框提供了一個名字,每一個<OPTION>標識符提供了一個可能的選項。<OPTION>的VALUE屬性指定了當選擇了此項并按下Submit按鈕后應該被提交的值。最后,在<OPTION>標識符后出現(xiàn)的文字決定了這一項在下拉式列表框中怎樣顯示出來。</p>
<p ALIGN="JUSTIFY">此例中的列表框與一組單選按鈕的功能一樣,你一次只能選擇一項。例如,如果你從列表框中選擇了Female一項,當按下Submit按鈕時,發(fā)送的值將是Is
Female。這個值將與列表框名sex相關聯(lián),你永遠也不會一次選擇多項。</p>
<p ALIGN="JUSTIFY">缺省狀態(tài)下,跟在第一個<OPTION>標識符后的文字將會成為下拉式列表框的初始值而顯示,你可以使用<OPTION>的SELECT屬性來改變這一缺省值。在下例中,當列表框出現(xiàn)時,F(xiàn)emale被選擇了,雖然在選項列表中Male排在Female的前面。</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Drop-Down List Box </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY ></p>
<p ALIGN="JUSTIFY"><FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”></p>
<p ALIGN="JUSTIFY"><BR> Please indicate your sex:</p>
<p ALIGN="JUSTIFY"><BR> <SELECT NAME=“sex”></p>
<p ALIGN="JUSTIFY"><OPTION VALUE=“Is Male”>Male</p>
<p ALIGN="JUSTIFY"><OPTION VALUE=“Is Female” SELECTED>Female</p>
<p ALIGN="JUSTIFY"></SELECT></p>
<p ALIGN="JUSTIFY"><BR> <INPUT TYPE=SUBMIT VALUE=“Submit Me!”></p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">指定一個不同的缺省值在某種情況下是很有用的,那就是當你有一個字母順序的列表,但你想選擇列表中的某一個作為它的缺省值。例如,假設你有一個許多圖象的列表,但你想讓缺省的圖象是中國,在這種情況下,你可以使用SELECT屬性來指定P.R.China為缺省值,即使這個國家的名字排列在整個字母表的后頭。</p>
</font>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -