?? 6-1.cfm.htm
字號:
</b></font><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">復選框在兩種情況下是有用的。在最簡單的情況下，你可以用復選框來讓用戶進行真或假的選擇，如下面的例子所示：</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> Do you like this web site?</p>
<p ALIGN="JUSTIFY"><BR> <INPUT NAME=“Like” TYPE=CHECKBOX VALUE=“yes”></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">當這個HTML語句在網絡瀏覽器上顯示時，一個空的框出現在問題Do
you like this web site?的下面。如果當Submit按鈕被按下之前這個框被選擇了，則VALUE屬性的值也被提交。在這種情況下，NAME和VALUE的值like和yes被提交了。</p>
<p ALIGN="JUSTIFY">如果在按下Submit按鈕時復選框未被選擇，則什么也沒有提交，甚至復選框的名字也未提交。你不能將復選框的值指定為“off”。</p>
<p ALIGN="JUSTIFY">你也可用一個名字來建立多個復選框來收集信息（見圖6.6）。例如，你想知道參觀你網點的人是如何發現它的，而且你想提供用戶發現你網點的各種可能途徑，你可以使用下列的HTML代碼：</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> Magazine: <INPUT NAME=“discover” TYPE=CHECKBOX VALUE=“Magazine”></p>
<p ALIGN="JUSTIFY"><BR> Search Engine: <INPUT NAME=“discover” TYPE=CHECKBOX
VALUE=“Search”></p>
<p ALIGN="JUSTIFY"><BR> Friend: <INPUT NAME=“discover” TYPE=CHECKBOX VALUE=“Friend”></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"><img SRC="Image39.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image39.gif" WIDTH="578" HEIGHT="391"></p>
<b>
<p ALIGN="CENTER">圖6.6 多個復選框</p>
</b>
<p ALIGN="JUSTIFY">注意這個例子中的三個復選框有同一個名字。當用戶按下了Submit按鈕，每個被選擇的復選框的值都會被提交。在這種情況下，每個值都與discover的名字相關。</p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">不要將多個復選框與單選按鈕（下面將要討論）混淆。與單選按鈕不同，即使復選框有同一個名字，也可同時選擇多個復選框。</p>
<p ALIGN="JUSTIFY">你可以在一個窗體中根據需要設置多個復選框，如果你需要一組復選框的值與同一個名字相關，那么你就為這一組的每個復選框提供同一個名字。</p>
<p ALIGN="JUSTIFY">缺省狀態下，復選框初始是未被選擇的，你可以通過CHECKED屬性來改變這個缺省值。CHECHED屬性是那些不帶參數的少見的幾個屬性之一。要建立缺省狀態為CHECKED的復選框，可使用下面的標識符：</p>
<p ALIGN="JUSTIFY"><INPUT NAME=“mycheckbox” TYPE=CHECKBOX VALUE=“yes”
CHECKED></p>
</font><font FACE="宋體"><b>
<p ALIGN="JUSTIFY">單選按鈕</p>
</b></font><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">你可以已經在網頁上或是一般的程序上見過單選按鈕（見圖6.7），使用單選按鈕，你可以在多個值之間進行選擇，然而與復選框不同，用戶一次只能選擇一個單選按鈕。</p>
<p ALIGN="JUSTIFY">例如，假設你需要知道瀏覽你網頁的人的性別，你就可以使用單選按鈕來讓用戶選擇他們的性別。下面的例子說明了怎樣去做：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Radio 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> Please indicate your sex:</p>
<p ALIGN="JUSTIFY"><BR> Male: <INPUT NAME=“sex” TYPE=RADIO VALUE=“male”></p>
<p ALIGN="JUSTIFY"><BR> Female: <INPUT NAME=“sex” TYPE=RADIO VALUE=“female”></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"><img SRC="Image40.gif" tppabs="http://210.74.168.175/guide/asp/part6/Image40.gif" WIDTH="578" HEIGHT="391"></p>
<b>
<p ALIGN="CENTER">圖6.7 單選按鈕</p>
</b>
<p ALIGN="JUSTIFY">注意所有的單選按鈕的名字是一樣的，當此頁的用戶點擊Submit按鈕時，只有一個單選按鈕的值會被發送。發送的值是在單選按鈕的VALUE屬性中指定的值。</p>
<p ALIGN="JUSTIFY">與復選框相似，你也可以使用CHECKED屬性來指定當網頁被第一次調用時應該選擇的單選按鈕。你也可以在一個網頁中根據需要設定多個單選按鈕，如果你需要多組單選按鈕，只要為每組按鈕起個不同的名字就可以了。</p>
</font><font FACE="宋體"><b>
<p ALIGN="JUSTIFY">建立下拉式列表框</p>
</b></font><font FACE="宋體" SIZE="3">
<p ALIGN="JUSTIFY">用來代替復選框和單選按鈕的另一個方法是建立下拉式列表框來顯示一個選擇菜單（見圖6.8）。下拉式列表框一次只能顯示一個選擇，要查看別的可能的選項，你可以點擊框右邊的箭頭。使用下拉式列表框的一個好處是它和單選按鈕和復選框相比，占用網頁上較少的空間。</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>標識符后出現的文字決定了這一項在下拉式列表框中怎樣顯示出來。</p>
<p ALIGN="JUSTIFY">此例中的列表框與一組單選按鈕的功能一樣，你一次只能選擇一項。例如，如果你從列表框中選擇了Female一項，當按下Submit按鈕時，發送的值將是Is
Female。這個值將與列表框名sex相關聯，你永遠也不會一次選擇多項。</p>
<p ALIGN="JUSTIFY">缺省狀態下，跟在第一個<OPTION>標識符后的文字將會成為下拉式列表框的初始值而顯示，你可以使用<OPTION>的SELECT屬性來改變這一缺省值。在下例中，當列表框出現時，Female被選擇了，雖然在選項列表中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><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>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -