web-前端小实验4

实现以上图片中的内容

代码

<!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>