<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>zuo1</title>
</head>
<body>
<form action="" method="get" class="">
<fieldset>
<legend>用户登录</legend>
<div class="controls">
<pre>
<label for="id">User ID:</label>
<input type="text" id="id" name="id" /><br>
<label for="pwd">Password:</label>
<input type="password" id="pwd" name="pwd" /><br>
<input type="reset" value="Reset" />
<input type="submit" value="Submit" /></pre>
</div>
</fieldset>
<fieldset>
<legend>个人信息</legend>
<label for="phone">电话:</label>
<input type="tel" id="phone" name="电话号码"
placeholder="18866669990"
pattern="[1]{1}-[0-9]{10}"
required />
<span class="validity"></span>
<div class="form-example">
<label for="家庭住址">住址:</label>
<input type="text" name="住址" id="住址" >
</div>
<label for="primary">邮箱:</label>
<input type="email" placeholder="qq@xx.com"
pattern=".+@qq.com" size="30" required
title="Must be a qq.com email address" />
<div>
性别:
<input type="radio" id="性别" name="people" /> <label for="性别">男</label>
<input type="radio" id="性别" name="people" /> <label for="性别">女</label>
</div>
<legend>选择爱好：</legend>
<div>
<input type="checkbox" id="篮球" name="feature"
value="篮球" checked="" />
<label for="篮球">篮球</label>
</div>
<div>
<input type="checkbox" id="羽毛球" name="feature"
value="羽毛球" />
<label for="羽毛球">羽毛球</label>
</div>
<div>
<input type="checkbox" id="足球" name="feature"
value="足球" />
<label for="足球s">足球</label>
</div>
</fieldset>
</form>
</body>
</html>
