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

效果展示

代码

HTML

"en">

    "UTF-8">
    
    "main.css" rel="stylesheet">


    
"mr-cont">
        
百货超市满意度调查表
        

            
姓名："text">
                性别：
                "radio" name="sex">男
                "radio" name="sex">女
            
            
1、是否经常光顾我店
                "radio" name="com">是的
                "radio" name="com">不，去过一两次
                "radio" name="com">没去过
            
            
2、您觉得我店的商品质量怎么样
                "radio" name="feel">很不好
                "radio" name="feel">一般
                "radio" name="feel">还不错
                "radio" name="feel">不了解
            
            

                
3、对于我店，您最满意的是？
                "checkbox">服务态度
                "checkbox">商品质量
                "checkbox">售后服务
                "checkbox">店内环境
            
            

                
4、对于我店，您最不满意的是？
                "checkbox">服务态度
                "checkbox">商品质量
                "checkbox">售后服务
                "checkbox">店内环境
            
            

                
5、您日常消费在哪些方面？
                "checkbox">服装
                "checkbox">吃
                "checkbox">健身
                "checkbox">生活用品
            
            

                
6、消费时，你最注重店里的
                "checkbox">商品质量
                "checkbox">价格便宜
                "checkbox">交通便利
                "checkbox">服务态度
            
        
    

CSS

.mr-cont{
    width: 1080px;
    margin: 0 auto;
    background: url(./img/bg.jpg);
}
form{
    padding: 70px 70px;
}
form div label,p{
    height: 70px;
    line-height: 70px;
}
h2{
    text-align:center;
    padding-top: 150px;
}
form p{
    height: 20px;
    line-height: 20px;
}
span{
    padding-left: 50px;
}
label,p{
    margin-left: 70px;
}