博客

“星星评级”样式表单设计

  • Post author:
  • Post category:其他


很多网页调查问卷中都经常使用这种形式，而且最常见的就是淘宝购物时的星级评价，下面自己动手实现一个星级评价样式的表单 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>问卷表单设计</title>
    <style>
        #frm{
            float: left;
            border: 2px solid #aaa;
            padding:10px;
            border-radius: 8px;
        }
        #frm #submit{
            background: url(img/11.jpg);
            width: 112px;
            height: 36px;
            border: none;
            cursor: pointer;
            color:#fff;
            font-size: 18px;
            font-weight: bold;
            float: left;
            clear: left;
            border-radius: 5px;
        }
        #frm .vote label{
            float: left;
            width: 150px;
            padding:6px 0;
            font-size: 14px;
            font-weight: bold;
        }
        .score{
            width: 30px;
            margin:0;
            float: left;
        }
        .vote{
            float: left;
            clear:


版权声明：本文为MDreamlove原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。