标签：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Register to aicun.lu</title>
<script type="text/javascript" src="js/registration.js"></script>
<link rel="stylesheet" href="css/style.css" type="text/css"/>
</head>
<body>
<header class="header">
<div><strong>A</strong>ICUN<span>.LU</span></div>
</header>
<section class="content">
<header class="welcome"><h1>welcome to aicun.lu! Begin your experience by <span>REGISTERING!</span></h1></header>
<div class="center">
<form action="#" name="registerForm" method="post">
<dl>
<dt class="lblInput">
<span class="star">*</span> Email Address:
</dt>
<dd>
<div>
<input id="email" class="inputs" type="text"><label class="errorMsg" id="emailError"></label>
</div>
<div class="tips">
<span class="tipsTxt">please input email address</span>
</div>
</dd>
</dl>
<dl>
<dt class="lblInput">
<span class="star">*</span> Password:
</dt>
<dd>
<div>
<input id="password" class="inputs" type="password"><label class="errorMsg" id="passwdError"></label>
</div>
<div class="tips">
<span class="tipsTxt">6~16 characters, case sensitive</span>
</div>
</dd>
</dl>
<dl>
<dt class="lblInput">
<span class="star">*</span> Confirm Password:
</dt>
<dd>
<div>
<input id="confirm" class="inputs" type="password"><label class="errorMsg" id="confirmError"></label>
</div>
<div class="tips">
<span class="tipsTxt">please input password again</span>
</div>
</dd>
</dl>
<dl>
<dt class="lblInput">
<span class="star">*</span> Country:
</dt>
<dd>
<div>
<select id="country" class="selects">
<option value="Canada" selected >Canada</option>
<option value="US">US</option>
<option value="China">China</option>
</select>
</div>
</dd>
</dl>
<dl>
<dt class="lblInput">
<span class="star">*</span> Province:
</dt>
<dd>
<div>
<select id="province" class="selects">
<option value="ON" selected >Ontario</option>
<option value="BC">British Columbia</option>
<option value="QC">Quebec</option>
</select>
</div>
</dd>
</dl>
<dl>
<dt class="lblInput">
<span class="star">*</span> City:
</dt>
<dd>
<div>
<select id="city" class="selects">
<option value="Toronto" selected >Toronto</option>
<option value="Missisauga">Missisauga</option>
<option value="Kitchener">Kitchener</option>
</select>
</div>
</dd>
</dl>
<dl>
<dt class="lblInput">
<span class="star">*</span> Street:
</dt>
<dd>
<div>
<input id="street" class="inputs" type="text"><label class="errorMsg" id="streetError"></label>
</div>
<div class="tips">
<span class="tipsTxt">please input street No.</span>
</div>
</dd>
</dl>
<dl>
<dt class="lblInput">
<span class="star">*</span> postal Code:
</dt>
<dd>
<div>
<input id="postal" class="inputs" type="text"><label class="errorMsg" id="postalError"></label>
</div>
<div class="tips">
<span class="tipsTxt">please input postal code</span>
</div>
</dd>
</dl>
<dl>
<dt class="lblInput">
<span class="star">*</span> Gender:
</dt>
<dd>
<div>
<input type="radio" name="gender" value="male" checked>Male
<input type="radio" name="gender" value="female">Female
<input type="radio" name="gender" value="other">Other
</div>
</dd>
</dl>
<dl>
<dt class="lblInput">
<span class="star">*</span> Language:
</dt>
<dd>
<div>
<input type="checkbox" name="language[]" value="English" />English
<input type="checkbox" name="language[]" value="Francais" />Francais
<input type="checkbox" name="language[]" value="Chinese" />Mandarin
<label class="errorMsg" id="lanError"></label>
</div>
</dd>
</dl>
<div class="btnForm">
<input name="Test" value="Test" type="button" class="btn" onclick="test();">
<input name="Reset" value="Reset" type="button" class="btn" onclick="resetForm();">
<input name="Submit" value="Submit" type="button" class="btn" onclick="register();">
</div>
</form>
</div>
</section>
</body>
</html>
标签：
原文地址：http://www.cnblogs.com/luaicun/p/5701859.html
