找个位置,直接往里写他的  htmlText="<input xxx>" 就行了

解决方案 »

  1.   

    <div id="inputDiv">
    </div><div id="operateDiv">
    <input type="button" value="Create" onclick="create();">
    </div><script>
    function create(){
    var tmpInput = document.createElement('input');
    document.getElementById('inputDiv').appendChild(tmpInput);
    return false;
    }
    </script>
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <script>
      </script>
     </HEAD> <BODY><div id="aaa">
    </div>
    <input id="btn4" type="button" value="aaa" onclick="ccc()"> 
    <script> 
    function ccc(){
    var text = document.createElement("input");
    text.type="text";
    text.id="name"; 
    document.getElementById("aaa").appendChild(text)
    }</script> 
     </BODY>
    </HTML>
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE>测试</TITLE>
      <script>
      </script>
     </HEAD> <BODY><div id="bbb">
    </div>
    <input id="button" type="button" value="增加" onclick="addinput()"> 
    <script> 
    var i=1;
    function addinput(){
    var text = document.createElement("input");
    text.type="text";//这里可以设置你创建的类型,文本的话是text,还有文件域的话是file
    text.name="file"+i; 
    document.getElementById("bbb").appendChild(text)
    i=i+1;
    }
    </script> 
     </BODY>
    </HTML>
      

  4.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE>测试</TITLE>
      <script>
      </script>
     </HEAD> <BODY><div id="bbb">
    </div>
    <input id="button" type="button" value="增加" onclick="addinput()"> 
    <script> 
    var i=1;
    function addinput(){document.getElementById("bbb").innerHTML+="第"+(i++)+"个<input type=text name=txt/><br>";
    }
    </script> 
     </BODY>
    </HTML>
      

  5.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
    <HTML> 
     <BODY> 
    <div id="oDiv"> 
    </div> 
    <input id="button" type="button" value="增加" onclick="add()">  
    <script>  
    var i=1; 
    function add(){ 
    document.getElementById("oDiv").innerHTML+="第"+(i++)+"个 <input type=text name=txt/> <br>"; 

    </script>  
      </BODY> 
    </HTML> 
      

  6.   

    用6楼所说的方法也可以。 。修改一下<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE>测试</TITLE>
      <script>
      </script>
     </HEAD> <BODY><div id="bbb">
    </div>
    <input id="button" type="button" value="增加" onclick="addinput()"> 
    <script> 
    var i=1;
    function addinput(){//构建文本
    var span=document.createElement("span");
    span.innerText="第"+i+"行";
    document.getElementById("bbb").appendChild(span)//构建文本框
    var text = document.createElement("input");
    text.type="text";//这里可以设置你创建的类型,文本的话是text,还有文件域的话是file
    text.name="file"+i; 
    document.getElementById("bbb").appendChild(text);
    //构建换行
    var br=document.createElement("br");
    document.getElementById("bbb").appendChild(br);
    i=i+1;
    }
    </script> 
     </BODY>
    </HTML>
      

  7.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE>测试</TITLE>
      <script>
      </script>
     </HEAD> <BODY><div id="bbb">
    </div>
    <input id="button" type="button" value="增加" onclick="addinput()"> 
    <script> 
    var i=1;
    function addinput(){var span=document.createElement("span");
    span.innerText="第"+i+"行";
    document.getElementById("bbb").appendChild(span)
    var text = document.createElement("input");
    text.type="text";
    text.name="file"+i; 
    document.getElementById("bbb").appendChild(text);var br=document.createElement("br");
    document.getElementById("bbb").appendChild(br);
    i=i+1;
    }
    </script> 
     </BODY>
    </HTML>