html输入数据点击按钮生成表格显示

可以使用HTML和JavaScript来实现这个功能。首先，你需要在HTML中创建一个表单，包含输入框和一个按钮，如下所示：

<form>
  <label for="rows">行数：</label>
  <input type="number" id="rows" name="rows">
  <br>
  <label for="cols">列数：</label>
  <input type="number" id="cols" name="cols">
  <br><br>
  <button type="button" onclick="createTable()">生成表格</button>
</form>

<div id="table-container"></div>

在上面的代码中，我们创建了一个包含两个输入框和一个按钮的表单，以及一个用于显示表格的容器div。当用户点击“生成表格”按钮时，会调用名为“createTable”的JavaScript函数。

下一步是编写JavaScript函数来读取输入框的值并创建表格。以下是一个简单的示例：

function createTable() {
  // 读取输入框的值
  var rows = parseInt(document.getElementById("rows").value);
  var cols = parseInt(document.getElementById("cols").value);
  
  // 创建表格
  var table = "<table>";
  for (var i = 0; i < rows; i++) {
    table += "<tr>";
    for (var j = 0; j < cols; j++) {
      table += "<td>" + (i+1) + "," + (j+1) + "</td>";
    }
    table += "</tr>";
  }
  table += "</table>";
  
  // 将表格添加到容器中
  document.getElementById("table-container").innerHTML = table;
}

在上面的代码中，我们首先读取输入框的值，并使用循环创建一个包含指定行数和列数的表格。每个单元格中都包含其所在的行和列号。最后，我们将表格添加到容器div中。

现在你可以在浏览器中打开HTML文件并测试这个功能了。当你输入行和列的数量并点击按钮时，应该会在页面上显示一个包含指定行数和列数的表格。