任务：
请根据给出的需求，在基本模板上完善网页，网页包括首页、登录、注册界面。
实现3个页面功能，页面外观请参考给出的具体图片
首页代码：
<html>
<body>
<h1>各位~注意了，这个页面是...是首页</h1>
<p>
<center><a href="regis.html" >注册</a> <a href="lodin.html">登录</a></center> </p>
<img src="index.jpg" />
<iframe frameborder="no" width="600px" height="500px" src="http://www.goktech.cn"></iframe>
<p>留言板</p>
<textarea cols="100" rows="3"></textarea>
</body>
</html>
代码解析
登录表单代码：
<html>
<head>
<script type="text/javascript">
function check()
{
alert("check函数被触发啦~~" );
return true;
}
</script>
</head>
<p>各位~注意了，这个页面时...登录页面</p>
<h2>Login Please</h2>
<form>
姓名：<input name="user" type="text"><br/>
密码：<input name="passwd" type="password"><br/>
<form action="/login.php" method="post" onsubmit="return check()">
</form>
<a href="index.html">点我，返回首页</a>
</html>
代码解析：
注册表单代码：
<html>
<h3>各位~注意了，这个页面是...注册页面</h3>
<form>
用户名： <input name="user" type="text" pattern="^[\u4e00-\u9fa5]{1,7}|^[\dA-Za-z_]{1,14}">【不超过7个汉字，或14个字节（数字，字母和下划线）】<br/>
密码： <input name="user" type="text" pattern="^[\dA-Za-z_]{6,14}">【最少6个字符，不超过14个字符（数字，字母和下划线）】<br/>
确认密码：<input name="user" type="text" pattern="^[\dA-Za-z_]{6,14}"><br/>性别：<input type="radio" name="sex" value="male">男<input type="radio" name="sex" value="female">女<br/>
个人爱好：<input type="checkbox" >文学<input type="checkbox" >影视<input type="checkbox" >音乐<input type="checkbox" >体育<br/>
所在城市<select><option>福州</option><option>厦门</option><option>泉州</option><option>成都</option></select><br/>
是否同意条款内容：<input type="radio" name="decide" value="yes">我同意<input type="radio" name="decide" value="no">我不同意<br/>
<input type="submit" value="提交"><input type="reset" value="重置">
</form>
<a href="index.html">点我，返回首页</a>
</html>
代码解析:
使用pattern属性可以做到限制用户名和密码：
思考：
对于正则表达式，需要掌握到一定的程度