<%@ 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>
[转]asp的textbox的javascript应用
最新推荐文章于 2017-02-07 15:45:46 发布