复选框

复选框在两种情况下是有用的。在最简单的情况下，你可以用复选框来让用户进行真或假的选择，如下面的例子所示：

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