表单需要包含所有指定的输入字段(姓名、年龄、电子邮箱)。 使用radio按钮来让用户选择性别。 使用checkbox复选框让用户选择兴趣爱好。 表单提交后,信息将发送到服务器的/submit-form路径
时间: 2024-10-12 13:08:24 浏览: 18
在创建一个基本的HTML表单结构时,你可以这样做:
```html
<form action="/submit-form" method="POST">
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required><br>
<label for="age">年龄:</label>
<input type="number" id="age" name="age" required><br>
<label for="email">电子邮件:</label>
<input type="email" id="email" name="email" required><br>
<p>性别:</p>
<input type="radio" id="male" name="gender" value="male" required>
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female" required>
<label for="female">女</label><br>
<p>兴趣爱好:</p>
<input type="checkbox" id="hobby1" name="hobbies[]" value="reading">
<label for="hobby1">阅读</label>
<input type="checkbox" id="hobby2" name="hobbies[]" value="music">
<label for="hobby2">音乐</label>
<!-- 更多选项... -->
<input type="submit" value="提交">
</form>
```
在这个表单中,用户填写完信息并选择性别和兴趣后,点击提交按钮,表单数据将会通过POST请求的方式发送到服务器的"/submit-form"路径。
阅读全文