显示文本框还可以输入多少字数
来源:互联网 发布:个人淘宝企业店铺入口 编辑:程序博客网 时间:2024/04/27 10:36
代码相似,只是表现形式略微有点差异。
第一种,未输入的时候,隐藏了
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language='javascript'>
<!--code written by Ridincal
var charNum = 0;
function changeInfo()
{
charNum = document.all.ipt.value.length;
var maxLength = document.all.ipt.maxLength;
if(maxLength>=charNum)document.all.info.innerHTML="最多发送20字,剩余"+(20-charNum)+"字。";
}
//-->
</script>
</head>
<body>
<input type="text" id="ipt" onkeyup="changeInfo()" maxlength="20"><span id="info">最多发送20字</span>
</body>
</html>
第二种 直接显示剩余的字数
<html>
<meta charset="gb2312">
<head>
<script language="javascript">
maxLen = 100;
function checkMaxInput(form) {
if (form.message.value.length > maxLen){
form.message.value = form.message.value.substring(0, maxLen);
} else {
form.remLen.value = maxLen - form.message.value.length;
}
}
</script>
</head>
<body>
<form name=myform>
<font size="2" color="red"> ( 你最多可以输入100个字 ) </font><br>
<textarea name=message wrap=physical cols=28 rows=4 onKeyDown="checkMaxInput(this.form)"></textarea>
<br>
<font size="2">还可输入字数:</font>
<input type=text name=remLen size=2 maxlength=3 value="100" readonly>
</form>
</body>
</html>
- 显示文本框还可以输入多少字数
- 动态显示:文本框字数(输入还剩多少字)
- JS统计还可以输入多少字数
- JS统计还可以输入多少字数
- 文本框输入还剩多少字数统计代码
- 输入文本框,显示还可输入多少字
- 判断文本框还剩多少字符可以输入
- 实时显示输入文本框字数
- JS统计还可以输入多少字数,用于向输入者提示信息
- JS 文本框输入字数 显示剩余
- 仿微博,还可以输入多少字
- android 还可以输入多少个字符
- 检测文本框输入字数
- 限制文本框输入字数
- 文本框限制输入字数
- 显示还可输入多少个字符
- android源代码提示文本框还能输入多少个字符
- js统计文本框还能输入多少字
- asp.net开发时经常用到的一些正则表达式
- VS.Net 2003 中如何调试Javascritp.
- My simple functions
- 呵呵
- ping命令详解
- 显示文本框还可以输入多少字数
- linux 的备份和压缩命令
- 进程的互斥运行
- c#生成无限级目录树
- 正则表达式 之元字符理论篇
- re: ASP.net2.0调试JavaScript脚本
- 盘口技术大全(四): 盘中与尾盘
- PetShop 4.0 设计研究——petShop 4.0 的命名空间 以及各个项目模块的说明
- c#泛型