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

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

演示代码:

<html> <head> <title>enter</title> <script language="javascript"> function keypress1（） //text输入长度处理 { var text1=document.getElementById（"mytext1"）.value; var len=15-text1.length; var show="你还可以输入"+len+"个字"; document.getElementById（"name"）.innerText=show; } function keypress2（） //textarea输入长度处理 { var text1=document.getElementById（"myarea"）.value; var len;//记录剩余字符串的长度 if（text1.length>=300）//textarea控件不能用maxlength属性，就通过这样显示输入字符数了 { document.getElementById（"myarea"）.value=text1.substr（0,300）; len=0; } else { len=300-text1.length; } var show="你还可以输入"+len+"个字"; document.getElementById（"pinglun"）.innerText=show; } </script> </head> <body> <center><h3>昵称:</h3> <input type="text" id="mytext1" maxlength=15 onKeyUp="keypress1（）"/> <font color="gray"><label id="name">你还可以输入15个字</label></font><h3>评论内容:</h3><br> <textarea id="myarea" style="height:100px;width:200px;overflow-x:hidden;overflow-y:hidden" onKeyUp="keypress2（）" onblur="keypress2（）"></textarea> <font color="gray"><label id="pinglun">你还可以输入300个字</label></font></center> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]