首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

我需要将html输入值存储在javascript变量中,并将其显示在表中。

要将HTML输入值存储在JavaScript变量中,并将其显示在表中,可以按照以下步骤进行操作:

  1. 在HTML中,创建一个表单元素,包含一个输入框和一个按钮,用于输入值和提交表单。例如:
代码语言:txt
复制
<form id="myForm">
  <input type="text" id="inputValue">
  <button type="submit">提交</button>
</form>
  1. 在JavaScript中,使用事件监听器来捕获表单的提交事件,并阻止默认的表单提交行为。然后获取输入框的值,并将其存储在一个变量中。例如:
代码语言:txt
复制
document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单提交

  var inputValue = document.getElementById("inputValue").value;
  // 将输入值存储在变量inputValue中
});
  1. 创建一个表格元素,并将存储的值插入到表格中。例如:
代码语言:txt
复制
var table = document.createElement("table");
var row = table.insertRow();
var cell = row.insertCell();
cell.innerHTML = inputValue;
// 将存储的值插入到表格中
  1. 将表格添加到页面中的某个元素中。例如:
代码语言:txt
复制
document.getElementById("tableContainer").appendChild(table);
// 将表格添加到id为tableContainer的元素中

完整的示例代码如下:

代码语言:txt
复制
<!DOCTYPE html>
<html>
<head>
  <title>存储和显示输入值</title>
</head>
<body>
  <form id="myForm">
    <input type="text" id="inputValue">
    <button type="submit">提交</button>
  </form>

  <div id="tableContainer"></div>

  <script>
    document.getElementById("myForm").addEventListener("submit", function(event) {
      event.preventDefault(); // 阻止表单提交

      var inputValue = document.getElementById("inputValue").value;
      // 将输入值存储在变量inputValue中

      var table = document.createElement("table");
      var row = table.insertRow();
      var cell = row.insertCell();
      cell.innerHTML = inputValue;
      // 将存储的值插入到表格中

      document.getElementById("tableContainer").appendChild(table);
      // 将表格添加到id为tableContainer的元素中
    });
  </script>
</body>
</html>

这样,当用户在输入框中输入值并点击提交按钮时,输入值将被存储在JavaScript变量中,并显示在表格中。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

14分30秒

Percona pt-archiver重构版--大表数据归档工具

4分29秒

MySQL命令行监控工具 - mysqlstat 介绍

领券