第二次作业
<!DOCTYPE html>
<html>
<head>
<title>注册表单</title>
<body>
<fieldset>
<legend> 个人信息登记</legend>
<form action="" method="get" class="form-example">
<div>
<label for="uname"> name :</label>
<input type="text" id="uname" name="name">
</div>
<tr>
<td><b>性别： </b></td>
<td colspan="2">
<input type="radio" name="gender" value="女" checked/>女
<input type="radio" name="gender" value="男"/>男<br><br>
</td>
</tr>
<div>
<label for="phone">Phone:</label>
<input type="tel" id="phone" name="phone" placeholder="123-4567-890" pattern="[0-9]{3}-[0-9]{4}-[0-9]{3}" required />
<span class="validity"></span>
</div>
<div>
<label for="birthday">birthday:</label>
<input type="date" id="start" name="trip" value="2018-01-01" max="2018-12-31">
</div>
<div>
<label for="email">email :</label>
<input type="text" id="email" name="email">
</div>
<tr>
<td><b>个人爱好：</b></td>
<td colspan="2">
<input type="checkbox" name="intrest" value="文学"/>文学
<input type="checkbox" name="intrest" value="影视"/>影视
<input type="checkbox" name="intrest" value="音乐"/>音乐
<input type="checkbox" name="intrest" value="体育"/>体育
<input type="checkbox" name="intrest" value="篮球"/>篮球
<input type="checkbox" name="intrest" value="手游"/>手游
</td>
</tr>
<div>
<tr>
<td colspan="3" align="center"><input type="submit" value="提交"/>
</td>
</tr>
<tr>
<td colspan="3" align="center"><input type="reset" value="重置"/>
</td>
</tr>
</div>
</form>
</fieldset>
</body>
</head>
</html>
注册表单
浙公网安备 33010602011771号