<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="viewport" content="height=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<title></title>
<link rel="stylesheet" href="css/common.css"/>
<link rel="stylesheet" href="css/register.css"/>
<style>
.message{
background: none;
padding-top: 10%;
}
.message input {
width: 83%;
margin: 0 4%;
}
.content form input:not(:nth-child(6)) {
border: 0;
margin-bottom: 8%;
}
.message .icons b{
top: 14.5%;
left: 11%;
}
.message .icons b:nth-child(2){
top: 37%;
left: 10%;
}
.message .icons b:nth-child(3){
top: 60%;
}
.message .icons b:nth-child(4){
top: 82%;
}
.code{
top: 33.475%;
right: 7.5%;
background: #21a9f5;
color: #ffffff;
padding: 3.635% 5%;
}
</style>
</head>
<body>
<div class="register">
<div class="regTop">
<span>忘记密码</span>
<a class="back" href="login.html">< 返回</a>
</div>
<div class="content">
<form action="">
<div class="message">
<input type="tel" placeholder="输入手机号" pattern="[0-9]{11}" required/>
<input type="text" placeholder="输入验证码" pattern="[0-9]{6}" required/>
<input type="password" placeholder="请输入新密码" pattern="[0-9A-Za-z]{6,25}" required/>
<input type="password" placeholder="请再次输入密码" pattern="[0-9A-Za-z]{6,25}" required/>
<div class="icons">
<b><img src="images/zc-1.jpg" alt=""/></b>
<b><img src="images/zc-2.jpg" alt=""/></b>
<b><img src="images/zc-3.jpg" alt=""/></b>
<b><img src="images/zc-3.jpg" alt=""/></b>
</div>
<a class="code" href="">获取验证码</a>
</div>
<button class="submit" type="submit">立即注册</button>
</form>
</div>
</div>
</body>
</html>
HTML移动端APP注册登录页面模板
需积分: 49 99 浏览量
2017-10-01
09:28:25
上传
评论 4
收藏 208KB RAR 举报
qq_34989441
- 粉丝: 0
- 资源: 15