实验要求
代码展示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="../code/01.html/1.3块级和行内标签/OIP-C.jpg">
<table border="1px" width="250px" height="125px" align="center" >
<tr>
<th bgcolor="gray" width="50px" height="25" colspan="3">用户注册</th>
<!-- <th></th> -->
<!-- <th></th> -->
</tr>
<tr>
<td>用户名</td>
<td colspan="2"><input type="text" name="UserName" maxlength="20" id=""></td>
<!-- <td></td> -->
</tr>
<tr>
<td>密码</td>
<td colspan="2"><input type="password" name="UsePass" maxlength="20" id=""></td>
<!-- <td></td> -->
</tr>
<tr>
<td>性别</td>
<td colspan="2"><label><input type="radio" name="sex" value="男" id="">男</label>
<label><input type="radio" name="sex" value="女" id="">女</label></td>
<!-- <td></td> -->
</tr>
<tr>
<td>爱好</td>
<td colspan="2"><label><input type="checkbox" name="like" value="写作" id="">写作</label>
<label><input type="checkbox" name="like" value="听音乐" id="">听音乐</label>
<label><input type="checkbox" name="like" value="体育" id="">体育</label></td>
<!-- <td></td> -->
</tr>
<tr>
<td>省份</td>
<td colspan="2"><select name="province" id="">
<option name="陕西省" value="shanxi">陕西省</option>
<option name="山西省" value="shanx">山西省</option>
</select></td>
<!-- <td></td> -->
</tr>
<tr>
<td width="100" height="50">自我介绍</td>
<td colspan="2"><textarea name="into" width="25" height="5" placeholder="这个家伙什么也没留下" id=""></textarea></td>
<!-- <td></td> -->
</tr>
<tr align="center">
<td bgcolor="gray" colspan="3"><button type="submit">提交</button>
<input type="reset" value="重置"></td>
<!-- <td ></td> -->
<!-- <td></td> -->
</tr>
</table>
</body>
</html>
运行结果