H5制作简单登录界面

代码如下：

!DOCTYPE html>
    html>
        head>
            meta charset="UTF-8">
            tITle>
    /title>
            style type="text/css">
            .jieshao{
                    width: 300px;
                    border-bottom: 2px dashed;
            }
            .div0{
                    width: 400px;
                    border: 1px solid cornflowerblue;
                    line-height: 30px;
                    padding-left: 50px;
            }
            .zi{
                    font-Size: 13px;
            }
            /style>
        /head>
        body>
            div class="div0">
            form action="http://www.baidu.COM" method="post">
                span style="padding-left: 33px;
    ">
    昵称：input type="text" name="wd" id="wd" value="" />
    /span>
    /br>
                真实姓名：input type="password" name="ps" id="ps" value="123456" />
                select name="">
                    option value="所有人可见">
    所有人可见/option>
                    option value="仅自己可见">
    仅自己可见/option>
                /select>
    br />
                span style="padding-left: 18px;
    ">
    所在地 : select name="">
                    option value="北京">
    北京/option>
                    option value="武汉">
    武汉/option>
                /select>
                select name="">
                    option value="朝阳区">
    朝阳区/option>
                    option value="洪山区">
    洪山区/option>
                /select>
    /span>
    br />
                span style="padding-left: 33px;
    ">
    生日 : select name="">
                    option value="2009">
    2009/option>
                    option value="1997">
    1997/option>
                /select>
                年select name="">
                    option value="01">
    01/option>
                    option value="08">
    08/option>
                /select>
                日select name="">
                    option value="01">
    01/option>
                    option value="18">
    18/option>
                /select>
                       select name="">
                    option value="保密">
    保密/option>
                    option value="不保密">
    不保密/option>
                /select>
    /span>
    br />
                博客地址：input type="text" name="wd" id="wd" value="" />
                    select name="">
                    option value="所有人可见">
    所有人可见/option>
                    option value="仅自己可见">
    仅自己可见/option>
                /select>
    br />
                常用邮箱：mofeiangmotao@sina.combr />
                span style="padding-left: 36px;
    ">
    QQ：input type="text" name="wd" id="wd" value="" />
    /span>
    br />
                span style="padding-left: 28px;
    ">
    EMS：input type="text" name="wd" id="wd" value="" />
    /span>
    br />
                span style="padding-left: 30px;
    ">
    介绍：/span>
                div class="jieshao" >
                textarea  name="" rows="10" cols="20" style="resize: none;
      width: 300px;
    height: 100px;
     ">
                 /textarea>
                /div>
                p class="zi">
    以下信息可作为通过客服取回账号的依据/p>
                证件类型  : /select>
                       select name="">
                    option value="身份证">
    身份证/option>
                /select>
    br />
                证件号码 : input type="text" name="wd" id="wd" value="" />
    br />
                input type="submit" name="" id="" value="保存" />
            /form>
            /div>
        /body>
    /html>
    

相关推荐：

使用Ajax安全的登录界面

CSS3制作粉红色登录界面

使用jquery,Angular实现登录界面验证码实例分享

Ajax实现带有验证码的局部刷新登录界面

以上就是H5制作简单登录界面的详细内容，更多请关注其它相关文章！

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