在运行时动态无刷新添加TextBox

TextBox无非就是runat="server"的一个HTML Input控件。然而，在需要，动态添加TextBox的案例中，往往只需要TextBox们来提交数据。据此，我们可以在客户端动态无刷新添加“TEXTBox”

 

下面是代码：

 

 

< form  id ="Form1"  method ="post"  runat ="server" >
  < input  type ="button"  onclick ="onButtonClick();"  value ="Create TextBox" >
  < div  id ="textBoxDiv" ></ div >
</ form >

 

 

< script type = " text/javascript " >
<!--
function  onButtonClick()
{
 var controlRef = document.createElement('input');
 controlRef.type = 'text'; 
 controlRef.id = 'dynamicTextBox'; 
 controlRef.name = 'dynamicTextBox';
 controlRef.size = 20;

 document.getElementById('textBoxDiv').appendChild(controlRef);
}
//  -->
< / script>