zoukankan      html  css  js  c++  java
  • 反馈表样式

    代码:

    <!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>

    样式截图:

  • 相关阅读:
    POJ 1015 Jury Compromise【DP】
    POJ 1661 Help Jimmy【DP】
    HDU 1074 Doing Homework【状态压缩DP】
    HDU 1024 Max Sum Plus Plus【DP,最大m子段和】
    占坑补题。。最近占的坑有点多。。。
    Codeforces 659F Polycarp and Hay【BFS】
    Codeforces 659E New Reform【DFS】
    Codeforces 659D Bicycle Race【计算几何】
    廖大python实战项目第四天
    廖大python实战项目第三天
  • 原文地址:https://www.cnblogs.com/blogofwyl/p/4540342.html
Copyright © 2011-2022 走看看