实现以上图片中的内容
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>用户注册</title>
</head>
<body>
<form method="post" action="">
<table width="300" border="0" cellspacing="1" cellspadding="2">
<tr>
<td colspan="2" align="center" bgcolor="#696969">用户注册</td>
</tr>
<tr>
<td align="right" bgcolor="#696969">用户名</td>
<td width="200" bgcolor="#E6E6E6">
<input name="username" type="text" maxlength="10" size="15">
</td>
</tr>
<tr>
<td align="right" bgcolor="#696969">密码</td>
<td width="200" bgcolor="#E6E6E6">
<input name="userpassword" type="password" maxlength="15" size="15">
</td>
</tr>
<tr>
<td align="right" bgcolor="#696969">性别</td>
<td bgcolor="#E6E6E6">
<input type="radio" name="gender" value="男">男
<input type="radio" name="gender" value="女">女
</td>
</tr>
<tr>
<td align="right" bgcolor="#696969">爱好</td>
<td bgcolor="#E6E6E6">
<input type="checkbox" name="favor" value="看电视">看电视
<input type="checkbox" name="favor" value="斗地主">斗地主
<input type="checkbox" name="favor" value="game">game
<input type="checkbox" name="favor" value="LOL">LOL
<input type="checkbox" name="favor" value="王者荣耀">王者农药
<input type="checkbox" name="favor" value="摸鱼">摸鱼
</td>
</tr>
<tr>
<td align="right" bgcolor="#696969">省份</td>
<td bgcolor="#E6E6E6">
<select name="address" id="address">
<option>宁夏</option>
<option>甘肃</option>
<option>西安</option>
<option>福建</option>
<option>辽宁</option>
</select>
</td>
</tr>
<tr>
<td align="right" bgcolor="#696969">自我介绍</td>
<td bgcolor="#E6E6E6">
<textarea name="intro" cols="25" rows="5"></textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center" bgcolor="#696969">
<input type="submit" value="提交">
<input type="reset" value="重置">
</td>
</tr>
</table>
</form>
</body>
</html>运行结果
成功实现，完成本次实验 。