<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- 重置文件 -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<title>jQuery实用的注册表单验证代码 - 网页模板</title>
</head>
<body>
<div class="reg_div">
<p>注册</p>
<ul class="reg_ul">
<li>
<span>用户名：</span>
<input type="text" name="" value="" placeholder="4-8位用户名" class="reg_user">
<span class="tip user_hint"></span>
</li>
<li>
<span>密码：</span>
<input type="password" name="" value="" placeholder="6-16位密码" class="reg_password">
<span class="tip password_hint"></span>
</li>
<li>
<span>确认密码：</span>
<input type="password" name="" value="" placeholder="确认密码" class="reg_confirm">
<span class="tip confirm_hint"></span>
</li>
<li>
<span>邮箱：</span>
<input type="text" name="" value="" placeholder="邮箱" class="reg_email">
<span class="tip email_hint"></span>
</li>
<li>
<span>手机号码：</span>
<input type="email" name="" value="" placeholder="手机号" class="reg_mobile">
<span class="tip mobile_hint"></span>
</li>
<li>
<button type="button" name="button" class="red_button">注册</button>
</li>
</ul>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
