表单的简单练习2:
需要实现的效果:
代码实现:
```htm
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table bgcolor="azure">
<tr>
<th colspan="2" bgcolor="blue">欢迎注册</th>
</tr>
<tr>
<td>用户名:</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td>密码:</td>
<td>
<input type="password" />
</td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" />女
<input type="radio" name="sex" />男
</td>
</tr>
<tr>
<td>电话:</td>
<td>
<input type="text" />
</td>
</tr>
<tr>
<td>职业</td>
<td>
<select>
<option>请选择</option>
<option>医生</option>
<option>老师</option>
<option>商场经理</option>
</select>
</td>
</tr>
<tr>
<td>爱好</td>
<td>
<input type="checkbox" name="hobby" value="敲代码"/>敲代码
<input type="checkbox" name="hobby" value="打游戏"/>打游戏
<input type="checkbox" name="hobby" value="唱歌"/>唱歌
<input type="checkbox" name="hobby" value="运动"/>运动
</td>
</tr>
<tr>
<td>地址:</td>
<td>
<input type="text" height="200" width="400" />
</td>
</tr>
<tr>
<td colspan="2" bgcolor="blue">填写完成后点击下面提交按钮提交订单</td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="提交" />
<input type="reset" value="重置" />
</td>
</tr>
</table>
</body>
</html>
运行结果: