H5制作簡(jiǎn)單登錄界面

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 15:05:35

H5制作簡(jiǎn)單登錄界面

H5制作簡(jiǎn)單登錄界面:本篇文章主要介紹如何用html5制作一個(gè)簡(jiǎn)單的登錄界面，有感興趣的小伙伴參考下。代碼如下：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title>

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀H5制作簡(jiǎn)單登錄界面:本篇文章主要介紹如何用html5制作一個(gè)簡(jiǎn)單的登錄界面，有感興趣的小伙伴參考下。代碼如下：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title>

本篇文章主要介紹如何用html5制作一個(gè)簡(jiǎn)單的登錄界面，有感興趣的小伙伴參考下。

代碼如下：

<!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>
 真實(shí)姓名：<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="朝陽(yáng)區(qū)">朝陽(yáng)區(qū)</option>
 <option value="洪山區(qū)">洪山區(qū)</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">以下信息可作為通過(guò)客服取回賬號(hào)的依據(jù)</p>
 證件類型 : </select>
 <select name="">
 <option value="身份證">身份證</option>
 </select><br />

 證件號(hào)碼 : <input type="text" name="wd" id="wd" value="" /><br />

 <input type="submit" name="" id="" value="保存" />


 </form>
 </div>
 </body>
</html>

相關(guān)推薦：

使用Ajax安全的登錄界面

CSS3制作粉紅色登錄界面

使用jQuery,Angular實(shí)現(xiàn)登錄界面驗(yàn)證碼實(shí)例分享

Ajax實(shí)現(xiàn)帶有驗(yàn)證碼的局部刷新登錄界面

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com