复选框

发表于:2007-06-30来源:作者:点击数: 标签:
复选框 复选框在两种情况下是有用的。在最简单的情况下,你可以用复选框来让用户进行真或假的选择,如下面的例子所示: HTML HEAD TITLE Simple Form /TITLE /HEAD BODY FORM ACTION=“somedirectory/mypage.asp” METHOD=“POST” BR Do you like this web

复选框

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

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

原文转自:http://www.ltesting.net