• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

文本输入框,输入文字限制和展示

开发技术 开发技术 4小时前 1次浏览
<textarea class="weui-textarea" placeholder="请输入个性签名" rows="2" name="signature" maxlength="100" onkeyup="setLength(this,100,'wordsLength');"></textarea>
<div class="weui-textarea-counter"><span id="length">0</span>/100</div>

  

// 限制文本框字数
  function setLength(obj,maxlength,id){
      var num=obj.value.length;//获取文本框输入内容的长度
      var leng='length';//获取右下角显示的id
      if(num<0){
          num=0;//如果文本框文字小于零则让它显示为零
      }
      document.getElementById(leng).innerHTML=num;
    //通过id获取到span标签在页面上的显示并对它的值进行拼接,就是把计算出来的结果+最大限制字数
  }

  

引用大神的:

https://zhuanlan.zhihu.com/p/217548456


程序员灯塔
转载请注明原文链接:文本输入框,输入文字限制和展示
喜欢 (0)