用html、css、js生成一个调查问卷

HTML、CSS和JavaScript可以一起创建交互式的在线调查问卷。下面是一个简单的步骤概述：

1. **HTML结构**：
使用HTML构建问卷的基本框架，包括标题、问题列表、选项和提交按钮。例如：

   <form id="survey-form">
     <h2>在线调查</h2>
     <p><label for="question1">问题1：</label>
       <input type="radio" name="question1" value="option1"> 选项A<br>
       <input type="radio" name="question1" value="option2"> 选项B</p>
     <!-- 添加更多问题 -->
     <button type="submit">提交</button>
   </form>

2. **CSS样式**：
使用CSS给表单添加美观的样式，比如颜色、布局和间距等。例如：

   form {
     width: 400px;
     margin: 0 auto;
   }
   label {
     display: block;
     margin-bottom: 5px;
   }
   input[type="radio"] {
     margin-right: 10px;
   }
   button {
     background-color: #007BFF;
   }

3. **JavaScript互动**：
- 可能的话，你可以使用JavaScript来收集用户输入并在提交时验证答案。
- 通过事件监听（如`onsubmit`），可以在表单提交前显示反馈或阻止默认提交行为。

document.getElementById('survey-form').addEventListener('submit', function(e) {
  e.preventDefault(); // 阻止表单直接提交
  var formData = new FormData(this); // 获取表单数据

  // 这里可以处理并发送数据到服务器，例如AJAX请求
});