温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Html5制作登录界面的代码如何写

发布时间:2022-04-27 15:53:30 来源:亿速云 阅读:232 作者:zzz 栏目:大数据

这篇文章主要讲解了“Html5制作登录界面的代码如何写”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Html5制作登录界面的代码如何写”吧!

代码如下:

<!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.com<br />

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

感谢各位的阅读,以上就是“Html5制作登录界面的代码如何写”的内容了,经过本文的学习后,相信大家对Html5制作登录界面的代码如何写这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI