HTML <input>标记 4.复选框

提问人：刘团圆发布时间：2020-11-11

复选框与单选按钮类似，它们都不允许用户输入任何数据，只能单击控件以选中或取消选项。复选框允许从一个选项列表中选择多个选项。在input标记中设置 type属性值为checkbox。在定义选项时，要注意如果name值一样的话，用户所有选项会组合为一个数据进行提交。

本例是创建复选框，复选框的每个选项的选择是不会影响其他选项是否被选中，如果选中，默认显示对勾。

代码如下：

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<form>

个人爱好<br/><br/>

<input type="checkbox" name="checkgroup" value="跳舞"/>跳舞

<input type="checkbox" name="checkgroup " value="羽毛球"/>羽毛球

<input type="checkbox" name="checkgroup " value="乒乓球"/>乒乓球

</form>

</body>

</html>

相关视频回答

点击加载更多评论>>