js实时计算字数提醒的文本框

那天在一个论坛上看到一个相当有意思的功能,就是在文本框中输入字符的时候,旁边会提示还可以输入多少个字。

自己想了一下应该是用JavaScript实现的,今天把它做出来了。原理很简单就是根据文本框触发的onkeyup事件来获得当前文本框字符的长度,然后文本框允许输入的最大字符数来减去当前的字符数,并用label控件显示出来就可以了。
效果图:

js实时计算字数提醒的文本框


演示代码:


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdxjff.html