texarea有剩余字数提示的效果代码
来源:互联网 发布:欧菲斯办公软件 编辑:程序博客网 时间:2024/05/22 13:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="robots" content="all" />
<title>JS限制textarea输入框输入字数</title>
<SCRIPT language="javascript">
<!--
function checktext(text)
{
allValid = true;
for (i = 0; i < text.length; i++)
{
if (text.charAt(i) != " ")
{
allValid = false;
break;
}
}
return allValid;
}
function gbcount(message,total,used,remain)
{
var max;
max = total.value;
if (message.value.length > max) {
message.value = message.value.substring(0,max);
used.value = max;
remain.value = 0;
alert("留言不能超过 200 个字!");
}
else {
used.value = message.value.length;
remain.value = max - used.value;
}
}
-->
</script>
<style type="text/css">
<!--
* {padding:0; margin:0;}
body, html {text-align:left; font-size:12px; line-height:150%; margin:0 auto; background:#fff; padding-top:20px;}
fieldset {padding:10px; width:550px; margin:0 auto;}
legend {font-size:14px; font-weight:bold;}
.inputtext {border:none; background:#fff;}
-->
</style>
</head>
<body>
<form action="SaveData.asp" method="post" onSubmit="return datacheck();">
<fieldset><legend>请输入内容</legend>
<textarea name="Memo" rows="10" wrap=PHYSICAL cols="75" onKeyDown="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);" onKeyUp="gbcount(this.form.Memo,this.form.total,this.form.used,this.form.remain);"></textarea>
<p>最多字数:
<input disabled maxLength="4" name="total" size="3" value="200" class="inputtext">
已用字数:
<input disabled maxLength="4" name="used" size="3" value="0" class="inputtext">
剩余字数:
<input disabled maxLength="4" name="remain" size="3" value="200" class="inputtext"></td>
</p>
</fieldset>
</form>
</body>
</html>
- texarea有剩余字数提示的效果代码
- js实现textarea的剩余字数动态提示效果demo
- Javascript实现真实字符串剩余字数提示的实例代码
- js 限制输入的字数及其剩余字数的提示
- 剩余字数动态提示
- 多行文本框textarea的字数控制动态提示。(剩余字数提醒)
- 多行文本框textarea的字数控制动态提示。(剩余字数提醒)
- js 文本改变提示剩余字数
- TextArea剩余字数显示并提示
- 使用edittext,显示字数并提示剩余字数
- iOS UITextView 字数限制+提示剩余可输入字数
- textarea限定字数提示效果
- 发送消息,有字数限制的js监控代码
- 效果超酷的textarea的输入字数限制及提示
- 获得输入剩余字数
- 输入剩余字数
- ckeditor监控剩余字数
- 前端中文输入法对剩余字数计算的影响
- 实习日记029(8月25日)
- 两个文件
- hql实践总结
- delphi下DrawText多行文本输出,英文有问题
- 委托与事件(一)什么是委托
- texarea有剩余字数提示的效果代码
- net自动化测试之道基于反射的UI自动化测试—获取Form的属性
- [WP7]实现类似tree效果
- C# 与 C++ 数据类型对照(转)
- ORACLE--预编译与共享池--SGA基本介绍
- 避免重复的条件循环[perlmonks]
- w-powershell --MOSS
- mysql 常用命令
- 算法导论:动态规划中一道习题的实现