单选框（单选）、复选框（多选）

最新推荐文章于 2024-02-02 15:24:02 发布

又一个包子

最新推荐文章于 2024-02-02 15:24:02 发布

阅读量4.4w

点赞数 11

分类专栏： html基本知识

本文链接：https://blog.csdn.net/whpu1234/article/details/81382726

版权

html基本知识专栏收录该内容

27 篇文章 1 订阅

订阅专栏

1.
1）radio：单选框（单选）
2）checkbox：多选框（多选）
语法：<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
1）type：选择是单选框 || 多选框
2）value：提交数据到服务器的值（暂时不懂）
3）name：1）单选框要求name属性值相同
2）多选框没有要求
4）checked：即checked="checked",认为该选项已经选中，用户不能操作
demo：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>单选框、复选框</title>
</head>
<body>
    <form action="save.php" method="POST">
        <label>喜不喜欢游泳?</label>
        <br>
        <input type="radio" value="喜欢" name="1" checked="checked" >喜欢
        <input type="radio" value="不喜欢" name="1" checked="checked">不喜欢
        <input type="radio" value="无所谓" name="1" checked="checked">无所谓
        <br><br>
        <label>你对那些运动感兴趣</label>
        <br>
        <input type="checkbox" value="跑步" name="01" checked="checked">跑步
        <input type="checkbox" value="篮球" name="02">篮球
        <input type="checkbox" value="健身" name="03">健身
    </form>
</body>
</html>

运行结果：

又一个包子

关注

11
点赞
踩
38

收藏

觉得还不错? 一键收藏
4
评论
单选框（单选）、复选框（多选）

1. 1）radio：单选框（单选） 2）checkbox：多选框（多选）语法：&lt;input type="radio/checkbox" value="值" name="名称" checked="checked"/&gt; 1）type：选择是单选框 || 多选框 2）value：提交数据到服务器的值（暂时不懂） 3）name：1）单选框要求na...
复制链接

扫一扫