如何创建文本框表单时按钮是点击

Question

我有3个文本框的形式：

<form id="form1" name="form1"action=""> 
    <td><input name="name" type="text" id="name" /></td> 
    <td><input name="address" type="text" id="address" /></td> 
    <td><input name="age" type="text" id="age" /></td> 

    ///Add Button here 
    </form> 

我怎么能产生相同的形式被点击的形式添加按钮时？

Answer 1

你可以通过添加按钮触发服务器端代码来输出另一个表单，但是这意味着重新加载整个页面。

要做到这一点无需重新加载，你可以使用纯客户端代码，使用JavaScript .cloneNode()方法：

<button type="button" id="btnAddForm" onclick="CloneForm('formNameHere');">Add</button> 

和JavaScript：

function CloneForm(formName) { 
    var formCount = document.forms.length; 
    var oForm = document.forms[formName]; 
    var clone = oForm.cloneNode(true); 
    clone.name += "_" + formCount; 
    document.body.appendChild(clone); 
}​ 

（表格的名称必须以其他方式改变了我们失去原来的形式）

Live test case。

Answer 2

的javascript：

function a() 
{ 
document.write("<form id='form1' name='form1'action=''>"); 
document.write(" <td><input name='name' type='text' id='name'/></td>"); 
document.write("<td><input name='address' type='text' id='address'/></td>"); 

文件撰写（ “”）;

} 

HTML：

<input type="button" value="form" onclick="a();"> 

我觉得这是什么ü[R找谁。如果没有请清楚解释。我会尽我所能帮助你。