html输入的数显示在表格中

要将HTML输入的数显示在表格中，可以按照以下步骤进行操作：

1. 创建一个HTML表格，包括表头和表格内容。

<table>
  <thead>
    <tr>
      <th>序号</th>
      <th>输入的数</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td></td>
    </tr>
    <tr>
      <td>2</td>
      <td></td>
    </tr>
    <tr>
      <td>3</td>
      <td></td>
    </tr>
  </tbody>
</table>

2. 在表格中的“输入的数”单元格中添加一个输入框，使用户可以在其中输入数字。

<table>
  <thead>
    <tr>
      <th>序号</th>
      <th>输入的数</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td><input type="number"></td>
    </tr>
    <tr>
      <td>2</td>
      <td><input type="number"></td>
    </tr>
    <tr>
      <td>3</td>
      <td><input type="number"></td>
    </tr>
  </tbody>
</table>

3. 将用户输入的数字实时显示在表格中。

为了实现这一点，可以使用JavaScript来监听输入框的变化，并将相应的数值显示在表格中。

<table>
  <thead>
    <tr>
      <th>序号</th>
      <th>输入的数</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td><input type="number" onchange="updateTable(1, this.value)"></td>
    </tr>
    <tr>
      <td>2</td>
      <td><input type="number" onchange="updateTable(2, this.value)"></td>
    </tr>
    <tr>
      <td>3</td>
      <td><input type="number" onchange="updateTable(3, this.value)"></td>
    </tr>
  </tbody>
</table>

<script>
function updateTable(row, value) {
  document.querySelector(`tbody tr:nth-child(${row}) td:nth-child(2)`).textContent = value;
}
</script>

在这个例子中，我们给每个输入框添加了一个`onchange`事件监听器，当用户在输入框中输入数字时，该事件监听器会调用`updateTable`函数，并将当前行和输入值作为参数传递给该函数。`updateTable`函数会找到相应的单元格，并将输入值显示在表格中。

这样，用户输入的数字就能实时显示在表格中了。