话不多说,效果图↓
代码:
<!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>
<table border="2px" align="center" cellspacing="2px" cellpadding="8px">
<tr>
<td colspan="3" align="center">注册界面</td>
</tr>
<tr>
<td>姓       名:</td>
<td colspan="2">
<form action="biaobai.html" method="get">
<input type="text" name="username">
</form>
</td>
</tr>
<tr>
<td>性       别:</td>
<td colspan="2">
<input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女
</td>
</tr>
<tr>
<td>年       龄:</td>
<td colspan="2">
<select name="age" >
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
</select>
</td>
</tr>
<tr>
<td>婚姻状况:</td>
<td colspan="2">
<input type="radio" name="marry" value="离婚">离婚
<input type="radio" name="marry" value="未婚">未婚
<input type="radio" name="marry" value="丧偶">丧偶
</td>
</tr>
<tr>
<td>自  拍  照:</td>
<td colspan="2">
<input type="file" name="选择文件" >
</td>
</tr>
<tr>
<td colspan="3" align="center">
<input type="submit" value="注册" >
<input type="reset" value="重置" >
</td>
</tr>
</table>
</body>
</html>