可以通过以下步骤实现:
<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>
完成以上步骤后,当点击添加按钮时,Javascript将会动态地创建一个新的表单行,并将其添加到表单中。这样就实现了使用Javascript添加额外的一行HTML表单输入。
对于这个问题,腾讯云没有直接相关的产品或链接地址。
领取专属 10元无门槛券
手把手带您无忧上云