<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> </script> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>无标题页</title> <script language="javascript" type="text/javascript"> //javascript设置文本框的最大长度 function Button1_Click() { var txtBox1=document.getElementById("TextBox1"); txtBox1.maxLength=10; return false; } //javascript设置文本框的属性为只读 function Button2_Click() { var txtBox1=document.getElementById("TextBox1"); txtBox1.readOnly=true; return false; } //javascript设置行数与文本框类型 //将<input type=text />改成＜textarea /> //id号不变 function Button3_Click() { //移除TextBox1 var textBox1=document.getElementById("TextBox1"); var textBox1id=textBox1.id; //得到TextBox1的父元素 var parentE=textBox1.parentElement; parentE.removeChild(textBox1); //创建新元素TextArea var newTextBox1=document.createElement("<textarea />"); newTextBox1.id=textBox1id; newTextBox1.name=textBox1id; newTextBox1.rows=10; parentE.appendChild(newTextBox1); // parentE.insertBefore(newTextBox1,textBox1); return false; } //javascript设置文本框的文本 function Button4_Click() { var txtBox1=document.getElementById("TextBox1"); txtBox1.value='中国。河北。保定。曲阳。王爱辉'; return false; } //javascript设置鼠标移过去显示文本 function Button5_Click() { var txtBox1=document.getElementById("TextBox1"); txtBox1.title='曲阳县第一中学'; return false; } //设置文本框的可见性 //可能是将TextBox1控件从dom树中删除 function Button7_Click() { var txtBox1=document.getElementById("TextBox1"); return false; } //javascript设置是否自动换行 //只对<textare />有效 function Button6_Click() { return false; } </script> </head> <body> <form id="form1" runat="server"> <div> <div> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <br /> <br /> <asp:Button ID="Button1" runat="server" OnClientClick ="return Button1_Click();" Text="maxLength" /> <br /> <asp:Button ID="Button2" runat="server" OnClientClick="return Button2_Click();" Text="readOnly" /> <br /> <asp:Button ID="Button3" runat="server" OnClientClick="return Button3_Click();" Text="rows & textMode" /> <br /> <asp:Button ID="Button4" runat="server" OnClientClick="return Button4_Click();" Text="text" /> <br /> <asp:Button ID="Button5" runat="server" OnClientClick="return Button5_Click();" Text="toolTip" /> <br /> <asp:Button ID="Button7" runat="server" OnClientClick="return Button7_Click();" Text="visible" /> <br /> <asp:Button ID="Button6" runat="server" OnClientClick="return Button6_Click();" Text="wrap" /> <br /> </div> </div> </form> </body> </html>
评论