尝试捕获表单中的用户输入，并将其添加到数组中并显示输出

在前端开发中，可以使用JavaScript来捕获表单中的用户输入，并将其添加到数组中并显示输出。以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>捕获表单用户输入</title>
</head>
<body>
    <form id="myForm">
        <label for="name">姓名:</label>
        <input type="text" id="name" name="name"><br><br>
        <label for="email">邮箱:</label>
        <input type="email" id="email" name="email"><br><br>
        <input type="submit" value="提交">
    </form>

    <div id="output"></div>

    <script>
        // 定义一个空数组来存储用户输入
        var userInput = [];

        // 获取表单元素
        var form = document.getElementById("myForm");

        // 监听表单提交事件
        form.addEventListener("submit", function(event) {
            event.preventDefault(); // 阻止表单默认提交行为

            // 获取用户输入的姓名和邮箱
            var name = document.getElementById("name").value;
            var email = document.getElementById("email").value;

            // 将用户输入添加到数组中
            userInput.push({ name: name, email: email });

            // 显示输出
            var outputDiv = document.getElementById("output");
            outputDiv.innerHTML = "用户输入: " + JSON.stringify(userInput);
        });
    </script>
</body>
</html>

在上述代码中，我们首先定义了一个空数组userInput来存储用户输入。然后，通过document.getElementById方法获取表单元素和输出元素。接下来，我们使用addEventListener方法监听表单的提交事件，并在事件处理程序中获取用户输入的姓名和邮箱，并将其添加到userInput数组中。最后，我们将数组内容显示在输出元素中。

这个示例展示了如何使用JavaScript捕获表单中的用户输入，并将其添加到数组中并显示输出。这种方法可以用于各种场景，例如收集用户反馈、提交用户注册信息等。

腾讯云相关产品和产品介绍链接地址：