html input标签复选框 checkbox

最新推荐文章于 2025-09-19 08:33:11 发布

原创最新推荐文章于 2025-09-19 08:33:11 发布 · 3.3w 阅读

12 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

21 篇文章

订阅专栏

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

复选框 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>