html input标签复选框 checkbox

最新推荐文章于 2025-06-07 22:22:56 发布

eerieShadow

最新推荐文章于 2025-06-07 22:22:56 发布

阅读量3.3w

点赞数 8

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/qq_42265536/article/details/85217059

前端专栏收录该内容

21 篇文章

订阅专栏

本文详细介绍了HTML中复选框Checkbox的使用方法，包括如何设置默认选中状态、如何为复选框添加文本标签，以及如何在一个表单中使用多个复选框进行多选操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

复选框 checkbox : 可以从选项表中选择一项或者多项

<input type="checkbox" value="复选框取值" checked="checked">

checked 属性表示该选项在默认情况下已经被选中

复选框是没有文本的，需要加入 label 标签，并且使用 label 的 for 属性指向复选框的 id

例如： <label for="checkbox1">苹果</label>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>

    <form name="my_form" method="POST">
        <input id="checkbox1" type="checkbox" checked="checked"> <label for="checkbox1">苹果</label> <br>
        <input id="checkbox2" type="checkbox" checked="checked"> <label for="checkbox2">香蕉</label> <br>
        <input id="checkbox3" type="checkbox" checked="checked"> <label for="checkbox3">西瓜</label> <br>
    </form>

</body>
</html>