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