使用Javascript添加额外的一行HTML表单输入

<form id="myForm">
  <div class="form-row">
    <label for="name">Name:</label>
    <input type="text" id="name" name="name">
  </div>
</form>

var form = document.getElementById("myForm");
var addButton = document.getElementById("addButton");

addButton.addEventListener("click", function() {
  addFormRow();
});

function addFormRow() {
  var newRow = document.createElement("div");
  newRow.className = "form-row";

  var nameLabel = document.createElement("label");
  nameLabel.textContent = "Name:";
  newRow.appendChild(nameLabel);

  var nameInput = document.createElement("input");
  nameInput.type = "text";
  nameInput.name = "name";
  newRow.appendChild(nameInput);

  form.appendChild(newRow);
}

<button id="addButton">Add Row</button>