html表单之多选框

冰暮流星

于 2025-06-07 22:22:56 发布

阅读量232

点赞数 3

CC 4.0 BY-SA版权

分类专栏： html 文章标签： html 前端 java

本文链接：https://blog.csdn.net/2301_81968528/article/details/148501653

html 专栏收录该内容

33 篇文章

订阅专栏

多选框的实现是input标签里面的type属性值为checkbox

示例代码如下

爱好：
            <input type="checkbox" value="run" name="df">跑步
            <input type="checkbox" value="dance" name="df">拉丁舞
            <input type="checkbox" value="xiangsheng" name="df">相声

效果图如下

属性值介绍

value属性是用来服务器识别各个选项不同的

name属性确定这些多选框是一组的，name属性值必须一致

如果想一开始就默认选中某个选项，可以使用checked属性,比如说想一开始就把跑步选中

代码如下

爱好：
            <input type="checkbox" value="run" name="de" checked>跑步
            <input type="checkbox" value="dance" name="df">拉丁舞
            <input type="checkbox" value="xiangsheng" name="df">相声

示例图如下