<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>QQ注册验证</title>
<style>
.net{text-align: center;}
</style>
</head>
<body>
<form method="post" action="">
<div class="net">
<img src="1.png" alt="" title="" width="350" height="150"/>
<h2>注册账号</h2>
<p>昵称:<input type="text" name="text" placeholder="昵称" pattern="[-\W\u4E00-\u9FA5]{4,10}"/>(长度为4-10字符)</p>
<p>密码:<input type="password" name="pass" placeholder="密码" pattern="[\dA-Za-z]{6,16}"/>(长度为6-16字符)</p>
<p>确认密码:<input type="password" name="pass" placeholder="确认密码" pattern="[\dA-Za-z]{6,16}"/>(长度为6-16字符)</p>
<p>手机号码:<input type="password" name="pass" placeholder="手机号码" pattern="1[3578]\d{9}"/>(长度为11字符)</p>
<p>邮箱:<input type="password" name="pass" placeholder="邮箱"/></p>
<p>年龄:<input type="password" name="pass" placeholder="年龄" pattern="\d[1-9]\d|1[0-2]\d"/></p>
<p><input style="color: white;background: red;" type="submit" value="立即注册" style="width: 20;height: 10;"</p>
</div>
</form>
</body>
</html>