主要是为了了解<form>里面的子元素<input>、<textarea>、<select>。
<input>里面的子元素有:type、name、value、placeholder、checked;
<select>里面的子元素有:option
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<tbody>
<form action="/a.ction" method="get" enctype="application/x-www-form-urlencdoed"><!--处理接口地址-->
<table>
<tbody>
<!--用户名-->
<tr>
<td>用户名</td>
<td><input placeholder="please input you username" type="text" name="username" ></td>
</tr>
<!--密码-->
<tr>
<td>密码</td>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td>真实姓名</td>
<td><input type="text" name="nickname"></td>
</tr>
<tr>
<td> email</td>
<td><input type="text" name="email"></td>
</tr>
<tr>
<td>性别: </td>
<td>
<label for="gender_male"><!--标签男-->
<input id="gender_male" type="radio" name="gender" value="male">男
</label>
<label for="gender_female">
<input id="gender_female" type="radio" name="gender" value="female">女
</label>
</td>
</tr>
<tr>
<td>爱好: </td>
<td>
<label >
<input type="checkbox" name="hobby" value="basketball">篮球
</label>
<label >
<input type="checkbox" name="hobby" value="football" checked >足球
</label>
<label >
<input type="checkbox" name="hobby" value="read">阅读
</label>
</td>
</tr>
<!--地址-->
<tr>
<td>地址: </td>
<td>
<select name="province" >
<option value="js">江苏</option>
<option value="hn">湖南</option>
<option value="hb">河北</option>
<option value="sx">山西</option>
</select>
省
<select name="city" >
<option value="sz">苏州</option>
<option value="zj">镇江</option>
<option value="gs">甘肃</option>
<option value="nj">南京</option>
</select>
市
区/县
<input type="text" name="address">
</td>
</tr>
<!--个人介绍-->
<tr>
<td>介绍</td>
<td>
<textarea name="description" id="" cols="30" rows="10"></textarea>
</td>
</tr>
</tbody>
</table>
</form>
<!-- <form action="http://134.175.154.93:8099/manager/file/upload" method="POST" enctype="multipart/form-data">附加 <input type="file">
<input type="submit" value="上传"></form> -->
<input type="submit" value="注册">
</tbody>
</body>
</html>