<input type="checkBox" name="option1" value="1"> Option 1<br>
<input type="checkBox" name="option2" value="2"> Option 2<br>
<input type="checkBox" name="option3" value="3"> Option 3<br>
在以上代码中,我们可以看到每个复选框的type属性是checkBox,表示这是一个复选框。name属性是这个复选框的名称,value属性表示这个复选框的值。
复选框同样可以在label标签内呈现出来,代码如下:
<label>
<input type="checkBox" name="option1" value="1"> Option 1
</label><br>
<label>
<input type="checkBox" name="option2" value="2"> Option 2
</label><br>
<label>
<input type="checkBox" name="option3" value="3"> Option 3
</label><br>
上面代码中,使用label标签将每个复选框包裹起来,这使得单击文本就可以选择复选框,而不必单击复选框本身。
要注意的是,复选框可能会有多个被勾选,我们可以使用JavaScript或者其他编程语言来判断那些复选框被勾选了。
以上是HTML中关于复选框的设置,希望对大家学习HTML有所帮助。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。