?? 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 + -