js实现textarea的剩余字数动态提示效果demo

最新推荐文章于 2024-09-10 14:15:01 发布

MiloCodes

最新推荐文章于 2024-09-10 14:15:01 发布

阅读量404

点赞数

分类专栏： HTML+CSS 文章标签： html javascript

本文链接：https://blog.csdn.net/u010944864/article/details/50147055

版权

HTML+CSS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

html:

<input name="title" type="text" size="50" value="{$p.title}" maxlength="15" onkeyup="javascript:setShowLength(this, 15, 'cost_tpl_title_length');"/>
<span class="red" id="cost_tpl_title_length">还可以输入15字数</span>

js:

function setShowLength(obj, maxlength, id) 
{ 
var rem = maxlength - obj.value.length; 
var wid = id; 
if (rem < 0){ 
rem = 0; 
} 
document.getElementById(wid).innerHTML = "还可以输入" + rem + "字数"; 
}