动态添加输入框

//thml
<div id="testDiv">
    <input type="text" id="test">
    <input type="button" id="addBtn" value="添加">
</div>

//js
<script>
    function set() {
        var a = document.getElementById("test");
        //var d = document.createElement("br");
        var c =a.cloneNode(false);
        c.setAttribute("type","text");
        var b = document.getElementById("testDiv");
        //b.appendChild(d);
        b.append("<br/>");
        b.appendChild(c);
        }
    window.onload=function () {
        document.getElementById("addBtn").onclick=set;
    }
</script>

//jquery
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
    $(function(){
        $("#addBtn").click(set);
    })
    function set() {
        var a = $("#test");
        var d = document.createElement("br");
        var c =a.clone(false);
        c.prop("type","text");
			
        var b = $("#testDiv");
        b.append(d);
        b.append(c);
    }
</script>