建立滚动列表框

发表于:2007-06-30来源:作者:点击数: 标签:
建立滚动列表框 另一个可代替一组单选按钮及复选框的是滚动列表框(见图6.9)。使用滚动列表框,你可以建立一个选项列表,用户可以从中选择一个或多个选项。你可以使用建立下拉式列表框的标识符来建立一个滚动列表框,只是使用不同的属性。下面是个例子: HT

建立滚动列表框

另一个可代替一组单选按钮及复选框的是滚动列表框(见图6.9)。使用滚动列表框,你可以建立一个选项列表,用户可以从中选择一个或多个选项。你可以使用建立下拉式列表框的标识符来建立一个滚动列表框,只是使用不同的属性。下面是个例子:

<HTML>

<HEAD>

<TITLE> Scrolling List Box </TITLE>

</HEAD>

<BODY >

<FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”>

<BR> Please indicate your sex:

<BR> <SELECT NAME=“sex” SIZE=2>

<OPTION VALUE=“Is Male”>Male

<OPTION VALUE=“Is Female”>Female

</SELECT>

<INPUT TYPE=SUBMIT VALUE=“Submit Me!”>

</FORM>

</BODY>

</HTML>

 

图6.9 滚动列表框

<SELECT>的SIZE属性将一个下拉式列表框转变成一个滚动列表框,SIZE属性指定了一次在屏幕上可显示多少选项。

当用滚动列表框代替下拉式列表框时,你失去了节省网页空间的好处。然而,滚动列表框有一个很大的好处。使用滚动列表框,你可以一次选择多个选项,可以使用<SELECT>标识符的MULTIPLE属性来实现这一点:

<HTML>

<HEAD>

<TITLE> Simple Form </TITLE>

</HEAD>

<BODY >

<FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”>

<BR> How did you find out about this web site?

<BR> <SELECT NAME=揹iscover?SIZE=3 MULTIPLE>

<OPTION VALUE=揗agazine?gt;Magazine

<OPTION VALUE=揝earch?gt;Search Engine

<OPTION VALUE=揊riend?gt;Friend

</SELECT>

<BR> <INPUT TYPE=SUBMIT VALUE=揝ubmit Me!?gt;

</FORM>

</BODY>

</HTML>

当这个HTML文件在浏览器上显示时,一个滚动列表框出现在屏幕上,如果你用鼠标在列表框中进行选择的同时按住Ctrl键,你就可以一次选择多个选项。例如,你可同时选择Magazine和Friend(你也可使用Shift键来一次选择相邻的多个选择)。

注意

通常,我不愿使用MULTIPLE实现,原因是许多浏览网页的人不知道如何进行多项选择,而且进行多项选择的方法因各人使用的计算机类型而异。例如,在苹果机上,你要使用Command键而不是Ctrl键。当你想让用户进行多项选择时,考虑使用一组复选框吧。

原文转自:http://www.ltesting.net