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

<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