html点击按钮，用输入框数据建立数据库并用表格形式显示在页面上

您可以使用以下步骤来完成该任务：

1. 在 HTML 页面上创建一个输入框和一个按钮，以便用户输入数据并提交到服务器。例如：

<form>
  <label for="data">输入数据:</label>
  <input type="text" id="data" name="data">
  <button type="button" onclick="submitData()">提交</button>
</form>

2. 使用 JavaScript 编写 `submitData()` 函数，在函数内部获取输入框中的数据，并向服务器发送 AJAX 请求将数据提交到数据库中。例如：

function submitData() {
  var data = document.getElementById("data").value;
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "submit-data.php");
  xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      displayTable(xhr.responseText);
    }
  };
  xhr.send("data=" + encodeURIComponent(data));
}

3. 在服务器端使用 PHP 或其他后端语言处理 AJAX 请求，并将数据存储到数据库中。例如：

<?php
$data = $_POST['data'];
// 连接数据库，插入数据
// ...
echo "success";
?>

4. 在 `submitData()` 函数中，当 AJAX 请求成功返回时，调用 `displayTable()` 函数将数据库中的数据以表格形式显示在页面上。例如：

function displayTable(data) {
  var table = document.createElement("table");
  var rows = data.split("\n");
  for (var i = 0; i < rows.length; i++) {
    var cells = rows[i].split(",");
    var row = document.createElement("tr");
    for (var j = 0; j < cells.length; j++) {
      var cell = document.createElement("td");
      cell.textContent = cells[j];
      row.appendChild(cell);
    }
    table.appendChild(row);
  }
  document.body.appendChild(table);
}

这里假设数据库中存储的数据是以逗号分隔的，每行数据以换行符分隔。您需要根据实际情况修改代码以适应您的数据库结构。