html获取表单数据并将其添加到表格的最后一行

可以使用JavaScript来获取表单数据并将其添加到表格的最后一行。具体实现方法如下：

1. 首先，在HTML表格中添加一个空的行，并设置一个唯一的ID，例如：

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody id="myTable">
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

2. 在JavaScript中，使用document.getElementById方法来获取表格的最后一行。可以使用以下代码：

var table = document.getElementById("myTable");
var lastRow = table.rows[table.rows.length - 1];

3. 使用document.createElement方法创建一个新的单元格，并将表单数据作为其文本内容。然后，将新单元格添加到最后一行中。以下是代码示例：

var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
var gender = document.getElementById("gender").value;
var newCell1 = document.createElement("td");
newCell1.textContent = name;
var newCell2 = document.createElement("td");
newCell2.textContent = age;
var newCell3 = document.createElement("td");
newCell3.textContent = gender;
lastRow.appendChild(newCell1);
lastRow.appendChild(newCell2);
lastRow.appendChild(newCell3);

上述代码将从表单中获取姓名、年龄和性别，并将它们作为文本添加到新的单元格中，然后将这些单元格添加到最后一行中。

通过上述步骤，就可以将表单数据添加到表格的最后一行了。