码迷,mamicode.com
首页 > Web开发 > 详细

html的textarea控制字数小案例

时间:2015-09-15 12:37:03      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:

<h3>设计理念说明(200字以内)</h3>
<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.getElementById("count").innerHTML = curr.toString();
}
</script>

 运行效果如下图:

———————————img———————————————

技术分享

———————————img———————————————

html的textarea控制字数小案例

标签:

原文地址:http://www.cnblogs.com/wangxiangstudy/p/4809575.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!