INTTeaching
/
login.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ucshop</title>
	<link rel="stylesheet" href="styles/reset.css">
	<link rel="stylesheet" href="styles/base.css">
	<link rel="stylesheet" href="styles/login.css">
</head>
<body>
<div class="header">
	<div class="container">
		<a href="index.html" class="logo">ucshop</a>
		<div class="car">
			<a  class="toCar">购物车</a>
			<div class="car-menu">
				<div>你的购物车没有商品...</div>
				<div><a href="#">快去抢购粮仓商品把！</a></div>
			</div>
		</div>
		<div class="login">
			<a href="login.html">登录</a>
			<a href="register.html">注册</a>
		</div>
		<div class="userinfo">
			<div class="username"></div>
			<div class="logout" id="logout">退出</div>
		</div>
	</div>
</div>
<div class="container">
	<form class="m-form" name="loginForm" target="result" autocomplete="off">
		<input type="hidden" name="status" value="login">
		<legend>用户名登录</legend>
		<fieldset>
			<div class="msg" id="message"></div>
			<div>
				<label for="telephone">用户名：</label>
				<input id="telephone" name="userID" type="text" class="u-txt" maxlength="20" required pattern="^[a-zA-Z0-9_]{3,20}$"><br/>
				<span class="tip">用户名（数字字母下划线3-20位）</span>
			</div>
			<div>
				<label for="password">密　码：</label>
				<input id="password" name="password" type="password" class="u-txt"><br/>
				<span class="tip">至少6位，同时包含数字和字母</span>
				<p>
				</p>
			</div>
			<div><button name="loginBtn">登　录</button></div>
		</fieldset>
	</form>
</div>

<script src="libs/max1.0.js"></script>
<script src="libs/md5.min.js"></script>
<script>
	$.loadScript(['scripts/common.js', 'scripts/login.js']);
</script>
</body>
</html>