如何将含问题的JS数组内容插入HTML表单？

直接给你一个完整的可运行示例，复制到HTML文件里就能看到效果：

<!DOCTYPE html>
<html>
<head>
    <title>问题表单</title>
    <style>
        .question-item {
            margin: 15px 0;
            padding: 10px;
            border: 1px solid #eee;
            border-radius: 4px;
        }
        .question-item p {
            margin-top: 0;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <!-- 存放生成的问题表单的容器 -->
    <div id="question-container"></div>

    <script>
        // 替换成你的JS函数输出的数组
        function getQuestions() {
            return [
                "你最喜欢的编程语言是什么？",
                "你每天花多少时间写代码？",
                "你遇到过最棘手的BUG是什么？"
            ];
        }

        // 获取问题数组和表单容器
        const questions = getQuestions();
        const container = document.getElementById('question-container');

        // 遍历数组生成表单元素
        questions.forEach((question, index) => {
            // 创建单个问题的容器
            const questionItem = document.createElement('div');
            questionItem.className = 'question-item';

            // 创建问题文本
            const questionText = document.createElement('p');
            questionText.textContent = `${index + 1}. ${question}`;

            // 创建输入框（可换成单选/复选框等）
            const input = document.createElement('input');
            input.type = 'text';
            input.name = `question-${index}`;
            input.placeholder = '请输入你的答案';

            // 组装元素并添加到页面
            questionItem.appendChild(questionText);
            questionItem.appendChild(input);
            container.appendChild(questionItem);
        });
    </script>
</body>
</html>

关键调整说明 #

• 替换数组：把getQuestions函数里的数组换成你自己的JS函数输出内容即可。
• 修改表单类型：如果需要单选框/复选框，只需把input.type改成radio或checkbox，再对应添加选项元素。
• 添加提交功能：如果要提交表单，在外层套一个<form>标签，加上action和method属性，再添一个提交按钮：

<form id="question-form" action="/submit" method="post">
    <div id="question-container"></div>
    <button type="submit">提交答案</button>
</form>

内容的提问来源于stack exchange，提问作者user20424834