编程实现下面的功能,只需要写出对应的HTML代码即可。要求: (1)用div作为顶层容器,设置其id属性值为“box”。 (2)制作图示表单。其中,指定表单处理程序为“action_page.php”,设定表单提交方式为“POST”方式。 (3)插入表格。表格为四行四列。第一列分别存储“姓名:”、“密码:”、“性别:”、“爱好:”,第二列分别存储对应的表单元素。 (4)正确放入表单元素,并且设置“男”、“音乐”为默认选中状态。 (5)放入“注册”和“重置”按钮。 (6)放入一个下拉选择框,其内有三个选项,分别是“1-5年”、“6-10年”、“10年以上”,默认初始选中“1-5年”。
时间: 2023-10-04 18:05:33 浏览: 76
以下是对应的HTML代码,实现了上述要求:
```html
<div id="box">
<form action="action_page.php" method="POST">
<table>
<tr>
<td>姓名:</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td>性别:</td>
<td>
<input type="radio" name="gender" value="male" checked>男
<input type="radio" name="gender" value="female">女
</td>
</tr>
<tr>
<td>爱好:</td>
<td>
<input type="checkbox" name="hobby" value="music" checked>音乐
<input type="checkbox" name="hobby" value="sports">运动
</td>
</tr>
<tr>
<td>工作年限:</td>
<td>
<select name="work_years">
<option value="1-5" selected>1-5年</option>
<option value="6-10">6-10年</option>
<option value="above_10">10年以上</option>
</select>
</td>
</tr>
</table>
<input type="submit" value="注册">
<input type="reset" value="重置">
</form>
</div>
```
阅读全文