這篇文章主要講解了“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制作登錄界面的代碼如何寫這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。