html input标签复选框 checkbox

最新推荐文章于 2024-04-01 19:33:10 发布

eerieShadow

最新推荐文章于 2024-04-01 19:33:10 发布

阅读量3.2w

点赞数 8

分类专栏：前端

本文链接：https://blog.csdn.net/qq_42265536/article/details/85217059

版权

前端专栏收录该内容

21 篇文章 0 订阅

订阅专栏

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

优惠劵

eerieShadow

关注关注

8
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
html input标签复选框 checkbox

复选框 checkbox : 可以从选项表中选择一项或者多项&lt;input type="checkbox" value="复选框取值" checked="checked"&gt;checked 属性表示该选项在默认情况下已经被选中复选框是没有文本的，需要加入 label 标签，并且使用 label 的 for 属性指向复选框的 id例如： &lt;label for="che...
复制链接

扫一扫