📄 6-1-9.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.9）。使用滚动列表框，你可以建立一个选项列表，用户可以从中选择一个或多个选项。你可以使用建立下拉式列表框的标识符来建立一个滚动列表框，只是使用不同的属性。下面是个例子：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Scrolling 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” SIZE=2></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="Image42.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image42.gif" WIDTH="578" HEIGHT="391"></p>
<b>
<p ALIGN="CENTER">图6.9 滚动列表框</p>
</b>
<p ALIGN="JUSTIFY"><SELECT>的SIZE属性将一个下拉式列表框转变成一个滚动列表框，SIZE属性指定了一次在屏幕上可显示多少选项。</p>
<p ALIGN="JUSTIFY">当用滚动列表框代替下拉式列表框时，你失去了节省网页空间的好处。然而，滚动列表框有一个很大的好处。使用滚动列表框，你可以一次选择多个选项，可以使用<SELECT>标识符的MULTIPLE属性来实现这一点：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Simple Form </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> How did you find out about this web site?</p>
<p ALIGN="JUSTIFY"><BR> <SELECT NAME=揹iscover?SIZE=3 MULTIPLE></p>
<p ALIGN="JUSTIFY"><OPTION VALUE=揗agazine?gt;Magazine</p>
<p ALIGN="JUSTIFY"><OPTION VALUE=揝earch?gt;Search Engine</p>
<p ALIGN="JUSTIFY"><OPTION VALUE=揊riend?gt;Friend</p>
<p ALIGN="JUSTIFY"></SELECT></p>
<p ALIGN="JUSTIFY"><BR> <INPUT TYPE=SUBMIT VALUE=揝ubmit Me!?gt;</p>
<p ALIGN="JUSTIFY"></FORM></p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">当这个HTML文件在浏览器上显示时，一个滚动列表框出现在屏幕上，如果你用鼠标在列表框中进行选择的同时按住Ctrl键，你就可以一次选择多个选项。例如，你可同时选择Magazine和Friend（你也可使用Shift键来一次选择相邻的多个选择）。</p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">通常，我不愿使用MULTIPLE实现，原因是许多浏览网页的人不知道如何进行多项选择，而且进行多项选择的方法因各人使用的计算机类型而异。例如，在苹果机上，你要使用Command键而不是Ctrl键。当你想让用户进行多项选择时，考虑使用一组复选框吧。</p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -