HTML用户注册页面设置源码

设计上图中的网页：

!DOCTYPE htML>
    html lang="en">
    head>
        meta charset="UTF-8">
        meta name="viewport" content="width=device-width, inITial-scale=1.0">
        title>
    Document/title>
        style>
            form{
                    width: 800px;
                    height: 700px;
                    border: 1px solid red;
                    margin: auto;
                    background: url(images/tree.jpg) no-repeat -40px 300px;
            }
            form h3{
                    margin-left: 200px;
            }
            p{
                    margin-left: 200px;
            }
            hr{
                    margin-left: 200px;
            }
             .a1{
                     margin-left: 85px;
             }
             .a2{
                    margin-left: 110px;
            }
            input,            textarea            {
                background: url(images/attention.png) no-repeat right;
            }
            button{
                    margin-left: 200px;
                    background: rgb(81, 187, 125);
                    color: white;
            }
            span#as:hover input{
                    width: 300px;
                    height: 40px;
            }
                   /style>
    /head>
    body>
                    form action="">
                h3>
    用户注册：/h3>
                hr>
                            p>
    用户昵称：span class="a1" id="as">
    input type="text" required placeholder autofocus>
    /span>
     hr>
    /p>
                p>
    注册邮箱：span class="a1" id="as">
    input type="email" required placeholder="javin@example.COM">
    /span>
    hr>
    /p>
                p>
    密码： span class="a2" id="as">
    input type="password" required placeholder>
    /span>
    hr>
    /p>
                p>
    性别：span class="a2">
    男input type="radio" name="1" checked>
                    女 input type="radio" name="1">
     /span>
    hr>
                 /p>
                 p>
    年龄：span class="a2" id="as">
    input type="number" name="number1" required placeholder>
    /span>
    hr>
    /p>
                 p>
    兴趣爱好：span class="a1">
                    足球input type="checkbox" name="1">
                    篮球input type="checkbox" name="1">
                    游泳input type="checkbox" name="1">
                    唱歌input type="checkbox" name="1">
                    跑步input type="checkbox" name="1">
                    瑜伽input type="checkbox" name="1">
                 /span>
    hr>
    /p>
                p>
    自我介绍： span class="a1">
    textarea name="abcde" cols="30" rows="10" required placeholder>
    Please enter your message/textarea>
    /span>
    hr>
     /p>
                button type=submit>
    立即注册/button>
                             div>
    /div>
            /form>
    /body>
    /html>
    

到此这篇关于HTML用户注册页面设置源码的文章就介绍到这了,更多相关html用户注册页面内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！