单选框复选框实现问卷调查

最新推荐文章于 2022-05-10 22:57:04 发布

康立志

最新推荐文章于 2022-05-10 22:57:04 发布

阅读量716

点赞数

本文链接：https://blog.csdn.net/weixin_44011306/article/details/106244374

版权

本文介绍了如何使用HTML和CSS来实现问卷调查中常见的单选框和复选框效果，包括展示样式和相关代码示例。

摘要由CSDN通过智能技术生成

单选框复选框实现问卷调查

效果展示
代码
- HTML
- CSS

效果展示

在这里插入图片描述

代码

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>study31</title>
    <link href="main.css" rel="stylesheet">
</head>
<body>
    <div class="mr-cont">
        <h2>百货超市满意度调查表</h2>
        <form>
            <div><label>姓名：<input type="text"></label>
                <span>性别：</span>
                <label><input type="radio" name="sex">男</label>
                <label><input type="radio" name="sex">女</label>
            </div>
            <div><p>1、是否经常光顾我店</p>
                <label><input type="radio" name="com">是的</label>
                <label><input type=