用HTML5实现线上问卷调查
warning:
这篇文章距离上次修改已过201天，其中的内容可能已经有所变动。
要使用HTML5实现线上问卷调查，你可以创建一个简单的表单来收集用户的输入。以下是一个HTML5问卷调查的基本示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>在线问卷</title>
</head>
<body>
<form action="/submit-survey" method="post">
<h2>欢迎参与在线问卷调查</h2>
<!-- 问题 1 -->
<p>请问你的年龄范围是？</p>
<input type="text" name="age-range" required>
<br><br>
<!-- 问题 2 -->
<p>你的最近的教育背景是？</p>
<input type="text" name="education-background" required>
<br><br>
<!-- 问题 3 -->
<p>你的职业是？</p>
<input type="text" name="occupation" required>
<br><br>
<!-- 提交按钮 -->
<input type="submit" value="提交">
</form>
</body>
</html>这个问卷调查包括三个问题，并且每个问题后面都有一个文本输入框。每个问题都被设置为required，这意味着用户必须填写这些字段才能提交表单。当用户填写完所有必填字段并点击提交按钮时，数据会被发送到服务器上的/submit-survey路径。
在实际应用中，你需要后端代码来处理提交的数据，存储到数据库中，并且可能发送确认邮件等。这个示例只是前端的HTML部分，后端的处理需要你使用服务器端语言（如Python, PHP, Node.js等）来实现。
评论已关闭