<!DOCTYPE HTML>
<html>
<head>
<title>仿妈妈网html5手机注册界面源代码模板</title>
<meta charset="gbk">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
<meta content="telephone=no" name="format-detection" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta content="" name="keywords">
<meta content="" name="description">
<link rel="stylesheet" href="css/register-wap.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
<nav>
<a href="#" class='goback'>
<b></b>
</a>
注册帐号</nav>
<form action="#" id="register_form" autocomplete="off" method="post">
<!-- 手机注册开始 -->
<div id="error_display" style="text-align:center;color:red;display:none;">
<!--错误信息显示区域-->
</div>
<section class="phone-register">
<div class="register-item">
<div class="inputs ">
<label for="phone">手机号:</label>
<input type="phone" class="form-control" id="phone" name="phone" />
</div>
<div class="tip">请输入手机号码</div>
</div>
<div class="register-item ">
<div class="inputs verifycode-inputs">
<label for="phone_vcode">验证码:</label>
<input type="text" name="phone_vcode" class="form-control" id="phone_vcode">
<span id="time_show" style="display:none;position:absolute;right:10px;"><i class="time" id="seconds_show">60</i>秒后重新获取</span>
<span id="getcode"><a href="javascript:void(0);" onclick="get_phone_code();return false;" class="getcode">点击获取验证码</a></span>
</div>
<div class="tip">请输验证码</div>
</div>
<!-- 用户名 -->
<div class="register-item">
<div class="inputs ">
<label for="username">用户名:</label>
<input type="text" class="form-control" name="username" id="username" />
</div>
<div class="tip">请输入用户名</div>
</div>
<div class="register-item ">
<div class="inputs ">
<label for="password">密 码:</label>
<input type="password" class="form-control" name="passpord" id="password" onBlur="wap_check_password();" />
</div>
<div id="password_tip_div" class="tip"></div>
</div>
<div class="register-item ">
<div class="inputs ">
<label for="repassword">再次输入密码:</label>
<input type="password" class="form-control" name="repassword" id="repassword" />
</div>
<div id="re_password_tip_div" class="tip">重复刚才密码</div>
</div>
</section>
<!-- 注册按键 -->
<section class="register-btn">
<button type="button" id="submit" onClick="return wapChkRegister();">注 册</button>
</section>
<section class='text-center'>
已经注册过,
<a href="#">直接登录</a>
</section>
</form>
<script type="text/javascript">
jQuery('#password').focus(function(){
document.getElementById('password_tip_div').style.visibility = 'visible';//显示
jQuery("#password_tip_div").html('请输入密码,密码为数字、字母(区分大小写)、标点组合,长度6-20位');
});
</script>
<footer class="text-center">
<p class="link">
<a href="#">电脑版</a>
<!--
-
<a href="">客户端</a>
-->
</p>
<p>Copyright©<a href="http://www.17sucai.com/" target="_blank">17素材网</a> All Rights Reserved
(2013-2015) 版权所有</p>
</footer>
</body>
</html>
【kk梦空间】绿色的手机注册页面wap模板.zip
版权申诉
172 浏览量
2024-04-14
23:45:32
上传
评论
收藏 37KB ZIP 举报
心梓知识
- 粉丝: 6289
- 资源: 3万+
最新资源
- rdf0412-kcu116-pcie-c-2019-1.zip(XILINX KCU116 源码)
- 基于C#语言的winform界面火车票订票系统(源码+实验报告)
- 【华为OD部分真题及讲解】华为OD部分真题及讲解
- 基于Python+Django的京东商品比价系统源码+全部资料(毕业设计).zip
- G460 G560 Z460 Z560的最新BIOS 2.18版(无白名单)
- MetaJUI v0.4
- 基于Python+Django的京东商品比价系统源码+全部资料(毕业设计).zip
- linux常用命令大全
- 立体相机标定-使用OpenCV+Cpp对立体相机进行标定-calibration-附项目源码+流程教程-优质项目实战.zip
- 基于SpringBoot+Mysql开发的酒店管理系统
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈