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

当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > TextBox的宽度随输入的文本的大小而改变的js代码

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-13 浏览: 140 ::

收藏到网摘: n/a

ASP.NET FileUpload 上传图片实例 VisualStudio 2008中常用快捷键

TextBox的宽度随输入的文本的大小而改变的asp.net代码。

复制代码代码如下:

<%@ 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 id="form1" runat="server"> 
<div> 
<asp:TextBox ID="TextBox1" runat="server" size="5"></asp:TextBox> 
<span id="ban"></span> 
</div> 
</form> 
</body> 
</html>

原文来自：http://blog.csdn.net/ws_hgo

ASP.NET FileUpload 上传图片实例 VisualStudio 2008中常用快捷键

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

评论 (0) All