7.3.2　复选框

顾名思义，复选框是可以选多个选项的选框，与单选框不同的是复选框可以选取多个选项，而且也可以默认几个选项都处于选中状态，语法与单选框相同。

＜！—设置复选框—＞

＜input type="checkbox"＞

复选框的type的值是checkbox，与单选框一样，可以用checked表示选中状态。在需要选项是多选时用到复选框，代码7.6表示复选框的用法。

代码7.6　复选框表示（源代码\第7章\复选框.html）

———————————————文件名：复选框.html———————————————

01 ＜html＞

02 ＜head＞

03 ＜title＞复选框＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！—在表单中设置复选框—＞

07 ＜form＞

08 下面是复选框：＜p＞

09 ＜！—设置复选框且name为book—＞

10 ＜input type="checkbox"name=book＞DIV知识

11 ＜！—设置name为book的都在一个选项集内—＞

12 ＜input type="checkbox"name=book＞HTML知识

13 ＜input type="checkbox"name=book checked＞CSS知识

14 ＜input type="checkbox"name=book checked＞HTML+CSS知识

15 ＜/form＞

16 ＜/body＞

17 ＜/html＞

【代码解析】在代码第10～14行的复选框中，多个选项组成选项集，它们的name都为同一名称，这时可以选择多个选项，选中的选项，在复选框中用“√”表示，可以选一个或一个以上的选项，复选框的浏览效果如图7.5所示。

图　7.5　复选框表示

说明　单选框与复选框的区别就是被选项是选择一个还是至少一个。