- it技术
- html-表单的简单练习2：
表单的简单练习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
>
运行结果：
