第一种:

<textarea onkeyup="checkLen(this)"></textarea>

<div>您还可以输入 <span id="count">200</span> 个文字</div>

<script type="text/javascript">

function checkLen(obj) {

var maxChars = 200;//最多字符数

if (obj.value.length > maxChars)  obj.value = obj.value.substring(0,maxChars);

var curr = maxChars - obj.value.length;

document.getElementByIdx_x("count").innerHTML = curr.toString();

}

</script>

第二种:

<textarea onpropertychange="if(value.length>100) value=value.substr(0,100)" class="smallArea" cols="60" name="txta" rows="8"></textarea>

第三种:

<!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" />

<meta name="author" content=",混蛋鱼" />

<meta name="Copyright" content="混蛋鱼VS男人猫 CopyRight 2007" />

<meta name="keywords" content="JS,Blog,ASP,designing,with,web,standards,xhtml,css,graphic,design,layout,usability,accessibility,w3c,w3,w3cn" /><meta name="description" content="JS限制textarea输入框输入字数" />

<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">

</p>

</fieldset>

</form>

</body>

</html>

http://jingyan.baidu.com/article/76a7e409b8cf30fc3b6e15e2.html

textarea输入框限制字数（JS）的更多相关文章

  1. jquery完美实现textarea输入框限制字数

    <html> <head> <title> jquery完美实现textarea输入框限制字数</title> <meta http-equiv= ...

  2. textarea 输入框限制字数

    在textarea标签中,只需要设置maxlength=”***”即可,但是在textarea标签中,IE9及IE9以下浏览器是不支持的,IE10.IE11则支持,估计后续的版本应该都会支持. 现在来 ...

  3. textarea输入框限制字数

    <textarea onkeyup="checkLen(this)"></textarea> <div>您还可以输入 <span id=& ...

  4. 仿校内textarea输入框字数限制效果

    这是一个仿校内textarea回复消息输入框限制字数的效果,具体表现如下: 普通状态是一个输入框,当光标获取焦点时,出现字数记录和回复按钮 PS:上边那个小三角可不是用的图片. 普通状态效果如下: 获 ...

  5. 实现textarea限制输入字数（包含中文只能输入10个，全ASCII码能够输入20个）

    document.getElementById("<%=textBox1.ClientID %>").value 实现textarea限制输入字数(包含中文只能输入10 ...

  6. textarea还剩余字数统计

    <!DOCTYPE html><html><head> <meta charset="utf-8" /> <title> ...

  7. HTML textarea输入框限制长度 (引)

    引自:http://aqingsao.iteye.com/blog/398897 textarea在Web开发中经常用到,但是它本身不支持maxlength,可以通过下面的js实现: function ...

  8. 实现textarea限制输入字数

    实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个) textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框t ...

  9. textarea还剩余字数统计，支持复制粘贴的时候统计字数

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

随机推荐

  1. shell && 和 || 的短路使用

    shell && 和 || 的短路使用 && 和 || 在 shell 中分别表示 and 和 or,和其它语言类似,这两个操作有短路效应.也就是说,当判断式已经确定时 ...

  2. 三层交换机+二层交换机配置VLAN+DHCP

    使用思科模拟软件Cisco Packet Tracer Student,软件功能有限,只能架设简单的网络架构,适合初学者使用.

  3. [RGEOS]支持栅格数据读取和显示

    SharpMap真的很强大,这里通过改造GdalRasterLayer类实现了在RGeos项目中支持栅格图像的读取和显示,同时支持影像的无级缩放. GdalRasterLayer通过读取FWTools ...

  4. javascript设计模式学习之十六——状态模式

    一.状态模式的定义 状态模式的关键是区分事务内部和外部的状态,事务内部状态改变往往会带来事务的行为改变. 状态模式中有意思的一点是,一般我们谈到封装,都是优先封装对象的行为,而非对象的状态.但在状态模 ...

  5. JS函数创建的具体过程

    JS函数创建的过程: 1.新建Object对象F,类型设置为Function 2.设置F.__proto__ = Function.prototype 3.设置F.constructor = Func ...

  6. jQuery框架的简单使用（H5）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. git客户端

    https://git-for-windows.github.io/ http://blog.csdn.net/shulianghan/article/details/18812279 自己的gith ...

  8. LIS 最长递增子序列

    一.最长公共子序列 经典的动态规划问题,大概的陈述如下: 给定两个序列a1,a2,a3,a4,a5,a6......和b1,b2,b3,b4,b5,b6.......,要求这样的序列使得c同时是这两个 ...

  9. 《数据结构与算法分析:C语言描述_原书第二版》CH2算法分析_课后习题_部分解答

    对于一个初学者来说,作者的Solutions Manual把太多的细节留给了读者,这里尽自己的努力给出部分习题的详解: 不当之处,欢迎指正. 1.  按增长率排列下列函数:N,√2,N1.5,N2,N ...

  10. PostgreSQL Replication之第十三章 使用PL/Proxy扩展（1）

    在这里添加一个slave,真的有一个很好的可扩展性的策略,这基本上足以满足大多数现代应用程序.使用一台服务器的情况下,许多应用程序就会完美地运行,您可能想添加以副本以给基础设施增加一些安全,但在许多情 ...