问卷生成工具
快速创建专业的在线问卷
📖 使用指南 点击查看详细使用说明和功能介绍
收起 展开
📖 使用指南
点击查看详细使用说明和功能介绍
问卷生成工具
免费在线专业问卷生成工具，支持多种题型，可自定义问卷结构，生成完整的美观问卷代码。
主要功能
1. 多种题型支持
- 单选题：单选题选项
- 多选题：可选择多个答案
- 文本输入：短文本回答
- 多行文本：长文本回答
- 评分题：1-5星评分
- 下拉选择：下拉菜单选项
2. 灵活的题目设置
每个题目都支持：
- 问题内容：输入题目文本
- 题目类型：选择题型
- 必填设置：标记题目是否必答
- 选项列表：为单选、多选、下拉添加选项
3. 完整的问卷信息
- 问卷标题：问卷的名称
- 问卷说明：问卷目的和背景介绍
- 开始日期：问卷开始时间
- 结束日期：问卷结束时间
4. 完整HTML代码
生成的问卷包含：
- 完整的HTML结构
- 美观的CSS样式
- 响应式设计
- 交互效果
5. 实时预览
填写问卷内容时，预览区域实时显示生成的HTML代码。
使用方法
- 填写问卷标题和说明
- 设置开始和结束日期
- 添加问卷题目
- 选择题目类型
- 编写题目内容
- 设置是否必填
- 为选择题添加选项
- 查看预览效果
- 点击"复制HTML问卷"导出代码
适用场景
- 市场调研：收集用户需求和市场反馈
- 客户满意度调查：评估服务质量
- 员工满意度调查：了解员工心声
- 活动报名：收集报名信息
- 投票评选：投票和评选活动
常见问题
生成的问卷可以直接使用吗？
是的，生成的HTML问卷包含完整的结构和样式，可以保存为.html文件直接使用。
支持哪些题型？
支持单选、多选、文本输入、多行文本、评分、下拉选择6种题型。
可以自定义样式吗？
生成的问卷包含默认的蓝色主题样式，可以根据需要修改CSS。
📋 问卷题目
问题 #1
选项列表
📄 问卷预览（HTML代码）
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>问卷调查</title>
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
max-width: 700px;
margin: 40px auto;
padding: 20px;
background: #f5f7fa;
}
.survey-container {
background: white;
padding: 40px;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}
h1 {
font-size: 28px;
color: #2c3e50;
margin-bottom: 15px;
text-align: center;
}
.description {
color: #7f8c8d;
text-align: center;
margin-bottom: 30px;
font-size: 16px;
}
.meta {
display: flex;
justify-content: center;
gap: 20px;
margin-bottom: 30px;
padding: 15px;
background: #ecf0f1;
border-radius: 8px;
font-size: 14px;
color: #7f8c8d;
}
.question {
margin-bottom: 30px;
padding: 20px;
background: #fafafa;
border-radius: 8px;
border-left: 4px solid #3498db;
}
.question-number {
font-weight: bold;
color: #3498db;
margin-bottom: 10px;
}
.question-text {
font-size: 16px;
color: #2c3e50;
margin-bottom: 15px;
font-weight: 500;
}
.required {
color: #e74c3c;
}
.options {
display: flex;
flex-direction: column;
gap: 10px;
}
.option {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 15px;
background: white;
border: 2px solid #e0e0e0;
border-radius: 6px;
cursor: pointer;
transition: all 0.3s;
}
.option:hover {
border-color: #3498db;
background: #f0f8ff;
}
.option input, .option textarea, .option select {
margin-right: 10px;
}
.rating {
display: flex;
gap: 10px;
}
.rating-star {
font-size: 30px;
cursor: pointer;
color: #bdc3c7;
transition: color 0.3s;
}
.rating-star:hover, .rating-star.active {
color: #f39c12;
}
.submit-btn {
width: 100%;
padding: 15px;
background: linear-gradient(135deg, #3498db, #2980b9);
color: white;
border: none;
border-radius: 8px;
font-size: 18px;
cursor: pointer;
margin-top: 30px;
}
.submit-btn:hover {
background: linear-gradient(135deg, #2980b9, #3498db);
}
</style>
</head>
<body>
<div class="survey-container">
<h1>问卷调查</h1>
<div class="meta">
<span>📅 开始日期: 待定</span>
<span>📅 结束日期: 待定</span>
</div>
<form>
<button type="submit" class="submit-btn">提交问卷</button>
</form>
</div>
</body>
</html>
💡 功能特点
- • 支持6种题型：单选、多选、文本、多行文本、评分、下拉
- • 可自定义设置题目是否必填
- • 生成完整的HTML问卷代码，可直接使用
- • 包含美观的问卷样式和交互效果
- • 实时预览，填写时即可查看效果