建立下拉式列表框
用来代替复选框和单选按钮的另一个方法是建立下拉式列表框来显示一个选择菜单(见图6.8)。下拉式列表框一次只能显示一个选择,要查看别的可能的选项,你可以点击框右边的箭头。使用下拉式列表框的一个好处是它和单选按钮和复选框相比,占用网页上较少的空间。
你可以使用<SELECT>和<OPTION>标识符来建立一个下拉式列表框,象下面的例子:
<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>
图6.8 下拉式列表框
在此例中,<SELECT>的NAME属性为你的下拉式列表框提供了一个名字,每一个<OPTION>标识符提供了一个可能的选项。<OPTION>的VALUE属性指定了当选择了此项并按下Submit按钮后应该被提交的值。最后,在<OPTION>标识符后出现的文字决定了这一项在下拉式列表框中怎样显示出来。
此例中的列表框与一组单选按钮的功能一样,你一次只能选择一项。例如,如果你从列表框中选择了Female一项,当按下Submit按钮时,发送的值将是Is Female。这个值将与列表框名sex相关联,你永远也不会一次选择多项。
缺省状态下,跟在第一个<OPTION>标识符后的文字将会成为下拉式列表框的初始值而显示,你可以使用<OPTION>的SELECT属性来改变这一缺省值。在下例中,当列表框出现时,Female被选择了,虽然在选项列表中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>
指定一个不同的缺省值在某种情况下是很有用的,那就是当你有一个字母顺序的列表,但你想选择列表中的某一个作为它的缺省值。例如,假设你有一个许多图象的列表,但你想让缺省的图象是中国,在这种情况下,你可以使用SELECT属性来指定P.R.China为缺省值,即使这个国家的名字排列在整个字母表的后头。