<!--
文件名称:关于HTML表单的练习
作 者:17计科一班周鑫
完成日期:2018/9/15
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>第一个网页</title>
</head>
<body>
<h1 align="center">欢迎注册账号</h1>
<hr color ="black">
<form action="" method="get" calss="form-example">
<fieldset>
<legend>请输入你的邮箱:</legend>
<html>
<head>
<meta charset="UTF-8">
<title>第一个网页</title>
</head>
<body>
<h1 align="center">欢迎注册账号</h1>
<hr color ="black">
<form action="" method="get" calss="form-example">
<fieldset>
<legend>请输入你的邮箱:</legend>
<label for="primary">Email address:</label>
<input type="email" placeholder="123456@qq.com"
pattern=".+@qq.com" size="30" required
title="Must be a qq.com email address" />
</fieldset>
<input type="email" placeholder="123456@qq.com"
pattern=".+@qq.com" size="30" required
title="Must be a qq.com email address" />
</fieldset>
<fieldset>
<legend>请输入你的昵称:</legend>
<div style="color:#00FFFF" class="form-example">
<label for="name">User name:</label>
<input type="text" name="mame" id="name" required>
</div>
</fieldset>
<legend>请输入你的昵称:</legend>
<div style="color:#00FFFF" class="form-example">
<label for="name">User name:</label>
<input type="text" name="mame" id="name" required>
</div>
</fieldset>
<fieldset>
<legend>请选择你的性别:</legend>
<div>
<input type="radio" name="sex" id="choice1" value="男">
<label for="choice1">男</label>
<input type="radio" name="sex" id="choice1" value="女">
<label for="choice2">女</label>
</div>
</fieldset>
<legend>请选择你的性别:</legend>
<div>
<input type="radio" name="sex" id="choice1" value="男">
<label for="choice1">男</label>
<input type="radio" name="sex" id="choice1" value="女">
<label for="choice2">女</label>
</div>
</fieldset>
<fieldset>
<legend>请输入你的电话号码:</legend>
<label for="phone">Phone:</label>
<input type="tel" id="phone" name="phone"
placeholder="123-456-7890"
pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"
required />
<span class="validity"></span>
<legend>请输入你的电话号码:</legend>
<label for="phone">Phone:</label>
<input type="tel" id="phone" name="phone"
placeholder="123-456-7890"
pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"
required />
<span class="validity"></span>
</fieldset>
<fieldset>
<legend>选择你的省份:</legend>
<tr>
<td><b>所在城市:</b></td>
<td colspan="2"><select size="1" name="province">省份
<option>四川</option>
<option>外省</option>
</select>
</td>
</tr>
<legend>选择你的省份:</legend>
<tr>
<td><b>所在城市:</b></td>
<td colspan="2"><select size="1" name="province">省份
<option>四川</option>
<option>外省</option>
</select>
</td>
</tr>
</fieldset>
<fieldset>
<legend>请选择你的球类爱好:</legend>
<div>
<label for="like">足球:</label>
<input type="checkbox" name="like" value="足球" >
<legend>请选择你的球类爱好:</legend>
<div>
<label for="like">足球:</label>
<input type="checkbox" name="like" value="足球" >
<label for="like">篮球:</label>
<input type="checkbox" name="like" value="篮球" >
<label for="like">排球:</label>
<input type="checkbox" name="like" value="排球" >
<label for="like">其他:</label>
<input type="checkbox" name="like" value="其他" >
</div>
</fieldset>
<fieldset>
<legend>注册账号密码:</legend>
<div>
<label for="username">Account:</label>
<input type="text" name="username" id="username" required>
</div>
<div>
<label for="password">Password:</label>
<input type="password" name="password" id="password" minlength="6" required placeholder="最少六位">
</div>
<input type="submit" value="注册">
<input type="reset" value="重置">
</fieldset>
<legend>注册账号密码:</legend>
<div>
<label for="username">Account:</label>
<input type="text" name="username" id="username" required>
</div>
<div>
<label for="password">Password:</label>
<input type="password" name="password" id="password" minlength="6" required placeholder="最少六位">
</div>
<input type="submit" value="注册">
<input type="reset" value="重置">
</fieldset>
</body>
</html>
</html>