单选按钮和复选框

isabellebaby007

于 2017-08-08 02:55:09 发布

阅读量926

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： html 单片机复选框

本文链接：https://blog.youkuaiyun.com/isabellebaby007/article/details/76864388

前端专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了网页表单中单选按钮和复选框的使用方法及区别。单选按钮适用于互斥的选择场景，而复选框则用于表示并列关系的选择，通过设置相同的名称可以在提交时一次性获取所有被选中的选项。

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

单选按钮

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>单选按钮</title>
</head>
<body>
   <form method="post" action="">
       性别：
       <input name="gen" type="radio" class="input" value="男">男 &nbsp;
       <input name="gen" type="radio" value="女" class="input">女
   </form>
</body>
</html>

复选框

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>checkbox</title>
</head>
<body>
    <form method="post" action="">
        <input type="checkbox" name="interst" value="sports">运动
        <input type="checkbox" name="interest" value="talk">聊天
        <input type="checkbox" name="interest" value="play" checked="checked">玩游戏
    </form>
</body>
</html>