出一个简单的HTML编程表单填空题,给出详细题目。
时间: 2023-11-27 21:54:58 浏览: 38
题目:编写一个简单的HTML表单,包含以下内容:
1. 姓名(文本框)
2. 性别(单选框)
3. 年龄(下拉框)
4. 爱好(多选框)
5. 提交按钮
要求:
1. 姓名文本框的placeholder为“请输入您的姓名”;
2. 单选框包含“男”和“女”两个选项;
3. 年龄下拉框包含“18岁以下”、“18-30岁”、“30岁以上”三个选项;
4. 爱好多选框包含“阅读”、“旅游”、“运动”、“电影”四个选项;
5. 提交按钮文字为“提交”。
代码如下:
```
<!DOCTYPE html>
<html>
<head>
<title>表单填空题</title>
</head>
<body>
<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name" placeholder="请输入您的姓名"><br><br>
<label>性别:</label>
<label for="male">男</label>
<input type="radio" id="male" name="gender" value="male">
<label for="female">女</label>
<input type="radio" id="female" name="gender" value="female"><br><br>
<label for="age">年龄:</label>
<select id="age" name="age">
<option value="0">请选择您的年龄</option>
<option value="1">18岁以下</option>
<option value="2">18-30岁</option>
<option value="3">30岁以上</option>
</select><br><br>
<label>爱好:</label>
<label for="reading">阅读</label>
<input type="checkbox" id="reading" name="hobby" value="reading">
<label for="traveling">旅游</label>
<input type="checkbox" id="traveling" name="hobby" value="traveling">
<label for="sports">运动</label>
<input type="checkbox" id="sports" name="hobby" value="sports">
<label for="movies">电影</label>
<input type="checkbox" id="movies" name="hobby" value="movies"><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```