复选框与单选按钮类似,它们都不允许用户输入任何数据,只能单击控件以选中或取消选项。复选框允许从一个选项列表中选择多个选项。在input标记中设置 type属性值为checkbox。在定义选项时,要注意如果name值一样的话,用户所有选项会组合为一个数据进行提交。
本例是创建复选框,复选框的每个选项的选择是不会影响其他选项是否被选中,如果选中,默认显示对勾。
代码如下:
<!DOCTYPE html>
<html>
<head>
<title>复选框</title>
</head>
<body>
<form>
<br/><br/>
个人爱好<br/><br/>
<input type="checkbox" name="checkgroup" value="跳舞"/>跳舞
<br/><br/>
<input type="checkbox" name="checkgroup " value="唱歌"/>唱歌<br/><br/>
<input type="checkbox" name="checkgroup " value="羽毛球"/>羽毛球
<br/><br/>
<input type="checkbox" name="checkgroup " value="乒乓球"/>乒乓球
<br/><br/>
</form>
</body>
</html>
已有 22658 名学员学习以下课程通过考试
最需教育客户端 软件问题一手掌握
去 App Store 免费下载 iOS 客户端
点击加载更多评论>>