本篇文章主要介绍如何用html5制作一个简单的登录界面，有感兴趣的小伙伴参考下。
代码如下：
复制代码
以下信息可作为通过客服取回账号的依据
证件类型 :
证件号码 :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!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>
登录后复制相关推荐：
使用Ajax安全的登录界面
CSS3制作粉红色登录界面
使用jQuery,Angular实现登录界面验证码实例分享
Ajax实现带有验证码的局部刷新登录界面
以上就是H5制作简单登录界面的详细内容，更多请关注靠谱客其它相关文章！
最后
以上就是安详宝贝最近收集整理的关于H5制作简单登录界面的全部内容，更多相关H5制作简单登录界面内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复