前言：
眼前我们对“js动态添加文本框”大约比较关注，同学们都想要分析一些“js动态添加文本框”的相关文章。那么小编也在网摘上搜集了一些对于“js动态添加文本框””的相关资讯，希望朋友们能喜欢，看官们快快来了解一下吧！在实际运用中啊随处可见的就是PC端的字数控制案例，如标题只能多少字 内容多少字 密码多少长度等等等等，那么这些功能它是怎么实现的呢，今儿这个小分享道哥就给大家分享一下怎么用js去实现文字的输入控制。
已知有如下html代码
<p class="p1"> 计算剩余字数<br> <textarea cols="70" rows="8" id="msg" onkeyup="test()"></textarea><br> <span id="msg_s"></span> </p>
要实现在文本域textarea中输入长度不能超过50的字符并且剩余字数跟随输入的内容不断变化，提示还可以输入多少个字符 （要注意的是一个中文占两个字符 一个英文字母或者符号占一个字符）
代码如下
<script type="text/javascript"> function test2(){ //取出文本框中文本内容 var a=document.getElementById("msg"); var len=50-a.value.length; //与50作比较，得道剩余字数 if(len>0){ //如果剩余字数大于0，则提示剩余字数 document.getElementById("msg_s").innerHTML="您还剩余"+len+"个字"; }else{ //如果剩余字数小于0，即字数已超出，则只留前50个字 document.getElementById("msg_s").innerHTML="您还剩余0个字"; a.value=a.value.substr(0,50); } }</script>运行结果如下
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #js动态添加文本框 #html输入 #css控制文字显示字数 #js中onkeyup #js文本长度限制多少
