使用用户提交的信息向表中添加一行(HTML/JS)

使用用户提交的信息向表中添加一行，可以通过HTML和JavaScript来实现。

首先，在HTML中创建一个表格，并在表格中添加表头和初始行，可以使用<table>、<thead>、<tbody>、<tr>和<th>、<td>等标签进行构建。

<table id="myTable">
  <thead>
    <tr>
      <th>Name</th>
      <th>Email</th>
      <th>Age</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John Doe</td>
      <td>johndoe@example.com</td>
      <td>25</td>
    </tr>
  </tbody>
</table>

然后，通过JavaScript监听用户的提交事件，在事件处理程序中获取用户输入的信息，并将其添加到表格中作为新的一行。可以使用DOM操作来实现。

<form id="myForm">
  <input type="text" id="nameInput" placeholder="Name">
  <input type="email" id="emailInput" placeholder="Email">
  <input type="number" id="ageInput" placeholder="Age">
  <button type="submit">Submit</button>
</form>

<script>
  document.getElementById("myForm").addEventListener("submit", function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    
    // 获取用户输入的信息
    var name = document.getElementById("nameInput").value;
    var email = document.getElementById("emailInput").value;
    var age = document.getElementById("ageInput").value;
    
    // 创建新的表格行
    var table = document.getElementById("myTable").getElementsByTagName("tbody")[0];
    var row = table.insertRow(table.rows.length); // 在表格最后插入一行
    
    // 添加单元格并填充数据
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    cell1.innerHTML = name;
    cell2.innerHTML = email;
    cell3.innerHTML = age;
    
    // 清空表单输入
    document.getElementById("nameInput").value = "";
    document.getElementById("emailInput").value = "";
    document.getElementById("ageInput").value = "";
  });
</script>

以上代码会在用户点击提交按钮时将用户输入的姓名、电子邮件和年龄添加到表格的下一行中，并清空表单输入框。这样就实现了使用用户提交的信息向表中添加一行的功能。

这个功能可以在很多场景中使用，例如创建用户列表、记录表单提交、动态展示数据等等。

腾讯云提供的相关产品包括云服务器、云数据库、云函数、对象存储等，可以根据实际需求选择合适的产品进行开发和部署。具体的产品介绍和文档可以参考腾讯云官网：腾讯云产品。