首页 / Asp教程 / TextBox的宽度随输入的文本的大小而改变的js代码

TextBox的宽度随输入的文本的大小而改变的js代码


<%@ 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”><!–
protected void Page_Load(object sender, EventArgs e)
{
if(!Page.IsPostBack)
{
TextBox1.Attributes.Add(“onkeyup”, “LimitText()”);
}
}
// –></script>

<html xmlns=”http://www.w3.org/1999/xhtml” >
<head runat=”server”>
<title>无标题页</title>
<script type=”text/javascript”><!–
function LimitText()
{
//得到此时文本框的字符数
var Len=document.getElementById(‘TextBox1’).value.length;
//得到文本框的默认值5
var TxtSize=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>
<form runat=”server”>
<div>
<asp:TextBox runat=”server” size=”5″></asp:TextBox>
<span></span>
</div>
</form>
</body>
</html>

本文来自网络,不代表糖果站长网立场,转载请注明出处:https://www.1tg.com.cn/html/jc/asp/2021/0713/12535.html

dawei作者

【声明】:糖果站长网内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。
上一篇
下一篇

为您推荐

联系我们

联系我们

0577-28828765

在线咨询: QQ交谈

邮箱: xwei067@foxmail.com

工作时间:周一至周五,9:00-17:30,节假日休息
返回顶部

【免责声明】本站内容转载自互联网,其发布内容言论不代表本站观点,如果其链接、内容的侵犯您的权益,烦请提交相关链接至邮箱xwei067@foxmail.com我们将及时予以处理。

Copygight © 2013-2023 https://www.1tg.com.cn All Rights Reserved.糖果站长网

站长:xwei067#foxmail.com(请把#换成@)