如何从html表格中获取JSON输入文本值？

从HTML表格中获取JSON输入文本值可以通过以下步骤实现：

首先，使用HTML表格标签 <table> 创建一个表格，并在表格中添加相应的行和列。
在表格中的每个单元格中，使用HTML输入标签 <input> 或 <textarea> 创建输入字段，以便用户可以输入文本值。
在JavaScript中，使用DOM操作获取表格元素，并遍历表格的行和列。
对于每个单元格，使用JavaScript的属性和方法来获取输入字段的值。例如，可以使用 value 属性来获取输入字段的值。
将获取到的值存储在一个JavaScript对象中，以便后续转换为JSON格式。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>获取表格中的JSON输入值</title>
</head>
<body>
    <table id="myTable">
        <tr>
            <td>姓名</td>
            <td><input type="text" id="name"></td>
        </tr>
        <tr>
            <td>年龄</td>
            <td><input type="text" id="age"></td>
        </tr>
        <tr>
            <td>地址</td>
            <td><textarea id="address"></textarea></td>
        </tr>
    </table>

    <button onclick="getJsonFromTable()">获取JSON</button>

    <script>
        function getJsonFromTable() {
            var table = document.getElementById("myTable");
            var rows = table.getElementsByTagName("tr");
            var json = {};

            for (var i = 0; i < rows.length; i++) {
                var cells = rows[i].getElementsByTagName("td");
                var key = cells[0].innerText;
                var value = cells[1].querySelector("input, textarea").value;
                json[key] = value;
            }

            var jsonString = JSON.stringify(json);
            console.log(jsonString);
        }
    </script>
</body>
</html>

在上述示例中，我们创建了一个包含姓名、年龄和地址的表格。通过点击按钮，调用 getJsonFromTable() 函数来获取表格中输入字段的值，并将其转换为JSON字符串输出到控制台。

请注意，这只是一个简单的示例，你可以根据实际需求进行修改和扩展。