动态增加input标签

<ol id="holder">  

    <li id="li_1"><input type="text" name="user" id="user_1"> <a href="javascript:void(0)" onClick="delInput(1)">删除</a></li>  

</ol>  

<input type="button" value="增加..." onClick="addInput()"> 点击增加，最多10个  

<script language="javascript">  

var addmax = 10;  

var holder = document.getElementById("holder");  

function addInput(){  

    var total = holder.getElementsByTagName("li").length;  

    if(total >= addmax){return;}  

    var html = '<input type="text" name="user" id="user_{1}"> <a href="javascript:void(0)" onClick="delInput({1})">删除</a>';  

    var li = document.createElement("li");  

    li.id = "li_" + (total + 1);  

    html = html.replace(/\{1\}/g, total + 1);  

    li.innerHTML = html;  

    holder.appendChild(li);  

}  

function delInput(n){  

    var obj = document.getElementById("li_" + n);  

    holder.removeChild(obj);  

}  

</script>