• 反馈表样式


    代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>设计反馈表</title>
    <style type="text/css">
        body{
            background:#f8f8f8;
            font:"Times New Roman", Times, serif;
            color:#333;
            line-height:160%;
            margin:0;
            padding:0;
            text-align:center;
            }
        #container{
                margin:0 auto;
                background:#fff;
                width:600px;
                padding:20px 40px;
                text-align:left;
                }
        #myform h3{
                    margin:20 20px;
                    height:28px;
    
    
                    }
        .special, #myform textarea{
                width:302px;
                border:1px solid #dfdfdf;
                background:#fff;
                padding:5px 3px;
                }
        .radio{ width:30px;
                background-color:#0033FF;
                }
        #myform textarea{
                height:125px;
                overflow:auto;
                }
        #myform p.submit{ 
                text-align:right;
                }
        #myform button{
                margin:0;
                padding:0;
                text-indent:-8000px;
                overflow:hidden;
                width:88px;
                height:56px;
                border:none;
                background:url(设计注册表单.html) no-repeat 0 0 ;
                cursor:pointer;
                text-align:left;
                }
        #myform{
                margin:1em 0;
                padding-top:1.5em;
                color:#2468;
                width:350px;
                }
                
    </style>
    </head>
    
    <body>
    <div id="container">
        <form id="myform">
            <h3>反馈表:</h3>
            <p>姓名:
                <input class="special" type="text" name="name" />
            </p>
            <p>性别:
                <input class="radio" type="radio" name=""  value=""/><input class="radio" type="radio" name="" value="" /></p>
            <p>邮箱:
                <input class="special" type="text" name="email" />
            </p>
            <p>主页:
                <input class="special" type="text" name="web" />
            </p>
            <p>反馈意见:
                <textarea name="message" cols="30" rows="10"></textarea>
            </p>
            <p class="submit">
                <button type="submit">提交信息</button>
            </p>
            
        </form>
    </div>
    </body>
    </html>

    样式截图:

  • 相关阅读:
    [LeetCode]4Sum
    [LeetCode]3Sum
    [LeetCode]Two Sum
    [LeetCode]Maximal Rectangle
    [LeetCode]Largest Rectangle in Histogram
    [LeetCode]Sudoku Solver
    [LeetCode]Group Anagrams
    jQuery验证控件jquery.validate.js使用说明+中文API
    js操作cookie,实现登录密码保存
    Java中getResourceAsStream的用法
  • 原文地址:https://www.cnblogs.com/blogofwyl/p/4540342.html
Copyright © 2020-2023  润新知