TextBox的宽度随输入的文本的大小而改变的js代码
2023-06-13 09:14:12 时间
<%@PageLanguage="C#"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<scriptrunat="server"><!--
protectedvoidPage_Load(objectsender,EventArgse)
{
if(!Page.IsPostBack)
{
TextBox1.Attributes.Add("onkeyup","LimitText()");
}
}
//--></script>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title>无标题页</title>
<scripttype="text/javascript"><!--
functionLimitText()
{
//得到此时文本框的字符数
varLen=document.getElementById("TextBox1").value.length;
//得到文本框的默认值5
varTxtSize=document.getElementById("TextBox1");
if(TxtSize.size>20)
{
TxtSize.size=20;
TxtSize.value=TxtSize.value.substring(0,20);
document.getElementById("ban").innerText="不能超过20个字符!";
}
else
{
TxtSize.size=Len+1;
}
}
//--></script>
</head>
<body>
<formid="form1"runat="server">
<div>
<asp:TextBoxID="TextBox1"runat="server"size="5"></asp:TextBox>
<spanid="ban"></span>
</div>
</form>
</body>
</html>
原文来自:http://blog.csdn.net/ws_hgo
相关文章
- js数组去重
- html js 全局 变量,JS定义全局变量
- Js排序算法_js 排序算法
- JS对象转数组_js怎么把数组转成对象
- get两个js小技能——JS截取视频第一帧&图片转Base64
- js只能输入数字和小数点的文本框详解编程语言
- 使用 JS 操作 Redis:实现强大数据存储.(js调用redis)
- JS技术连接Oracle数据库实现数据交互(js连接oracle实例)
- 数据JS技术实现实时获取Oracle数据(js实时获取oracle)
- JavaScript探索之旅掌握Oracle和JS的完美融合(js与oracle)
- javascript延时重复执行函数lLoopRun.js
- wordpress之js库集合研究介绍
- 用JS输入email的代码,以防垃圾邮件
- 一个收集图片的bookmarlet(js刷新页面中的图片)
- js限制textarea每行输入字符串长度的代码
- 输入密码检测大写是否锁定js实现代码
- js限制数字js限制输入实现代码
- js延迟加载改变JS的位置加快网页加载速度
- js获取坐标通过JS得到当前焦点(鼠标)的坐标属性
- JS实现金额转换(将输入的阿拉伯数字)转换成中文的实现代码
- JS只能输入数字或数字和字母等的正则表达式
- 如何动态的导入js文件具体该怎么实现
- JS检测输入字符是否包含非法字符的示例代码
- js正则判断非法字符限制输入
- js检测输入内容全为空格的方法
- js限制文本框只能输入数字方法小结