复选框
复选框在两种情况下是有用的。在最简单的情况下,你可以用复选框来让用户进行真或假的选择,如下面的例子所示:
<HTML>
<HEAD>
<TITLE> Simple Form </TITLE>
</HEAD>
<BODY >
<FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST”>
<BR> Do you like this web site?
<BR> <INPUT NAME=“Like” TYPE=CHECKBOX VALUE=“yes”>
<BR> <INPUT TYPE=SUBMIT VALUE=“Submit Me!”>
</FORM>
</BODY>
</HTML>
当这个HTML语句在网络浏览器上显示时,一个空的框出现在问题Do you like this web site?的下面。如果当Submit按钮被按下之前这个框被选择了,则VALUE属性的值也被提交。在这种情况下,NAME和VALUE的值like和yes被提交了。
如果在按下Submit按钮时复选框未被选择,则什么也没有提交,甚至复选框的名字也未提交。你不能将复选框的值指定为“off”。
你也可用一个名字来建立多个复选框来收集信息(见图6.6)。例如,你想知道参观你网点的人是如何发现它的,而且你想提供用户发现你网点的各种可能途径,你可以使用下列的HTML代码:
<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> Magazine: <INPUT NAME=揹iscover?TYPE=CHECKBOX VALUE=揗agazine?gt;
<BR> Search Engine: <INPUT NAME=揹iscover?TYPE=CHECKBOX VALUE=揝earch?gt;
<BR> Friend: <INPUT NAME=揹iscover?TYPE=CHECKBOX VALUE=揊riend?gt;
<BR> <INPUT TYPE=SUBMIT VALUE=揝ubmit Me!?gt;
</FORM>
</BODY>
</HTML>
图6.6 多个复选框
注意这个例子中的三个复选框有同一个名字。当用户按下了Submit按钮,每个被选择的复选框的值都会被提交。在这种情况下,每个值都与discover的名字相关。
注意
不要将多个复选框与单选按钮(下面将要讨论)混淆。与单选按钮不同,即使复选框有同一个名字,也可同时选择多个复选框。
你可以在一个窗体中根据需要设置多个复选框,如果你需要一组复选框的值与同一个名字相关,那么你就为这一组的每个复选框提供同一个名字。
缺省状态下,复选框初始是未被选择的,你可以通过CHECKED属性来改变这个缺省值。CHECHED属性是那些不带参数的少见的几个属性之一。要建立缺省状态为CHECKED的复选框,可使用下面的标识符:
<INPUT NAME=“mycheckbox” TYPE=CHECKBOX VALUE=“yes” CHECKED>