H5 根据输入框输入的数据来显示table

好的，可以使用 JavaScript 和 HTML 来实现这个功能。首先，在 HTML 中创建一个输入框和一个空的表格，代码如下：

<input type="text" id="inputData" placeholder="输入数据">
<table id="myTable">
  <thead>
    <tr>
      <th>表格标题1</th>
      <th>表格标题2</th>
      <th>表格标题3</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>

接下来，使用 JavaScript 监听输入框的输入事件，获取输入的数据，将数据添加到表格中。代码如下：

var input = document.getElementById("inputData");
input.addEventListener("input", function() {
  var data = input.value;
  var table = document.getElementById("myTable");
  var tbody = table.getElementsByTagName("tbody")[0];
  var newRow = tbody.insertRow(-1);
  var newCell1 = newRow.insertCell(0);
  var newCell2 = newRow.insertCell(1);
  var newCell3 = newRow.insertCell(2);
  newCell1.innerHTML = data;
  newCell2.innerHTML = data;
  newCell3.innerHTML = data;
});

这段代码中，首先获取输入框的值，然后获取表格的 tbody 元素，并在其中插入一行。接着，使用 insertCell() 方法插入三个单元格，并将输入框的值赋值给每个单元格的 innerHTML 属性。最后，将新行添加到表格中。

这样就能根据输入框输入的数据来显示表格了。当用户输入数据时，会自动在表格中添加一行，每个单元格的值都相同。