textarea的输入指数限制以及文本框的大小变化

html：

<form name=myform action="">  
 <textarea name="message" cols="28" rows="5"  onKeyDown="textCounter(message,remLen,font,100);" 
   onKeyUp="textCounter(message,remLen,font,100);"></textarea>  
您还可以输入:<input name="remLen" type="text" value="100" size="4" readonly="readonly"  />个字符
  <p><span class="font" name="font">100</span>/<em>100</em></p>
  </form> 
  <div class="texts" id="main" contenteditable="true"></div>
<input id="width" />
<input id="height" />

js：

<SCRIPT LANGUAGE="JavaScript">  
        var font = document.getElementsByClassName("font")[0]
       function textCounter(field, countfield,font, maxlimit) {  
       // 函数，3个参数，表单名字，表单域元素名，限制字符；  
       if (field.value.length > maxlimit){
            //如果元素区字符数大于最大字符数，按照最大字符数截断；  
           field.value = field.value.substring(0, maxlimit);
           }else{
            //在记数区文本框内显示剩余的字符数；  
           countfield.value = maxlimit - field.value.length;
           font.innerHTML= maxlimit - field.value.length; 
           }
      
       }  
      function _$(id) {
        return document.getElementById(id);
        }
        //监听鼠标抬起事件
        _$('width').onkeyup = function() {
            _$('main').style.width = this.value + 'px';
        }
        _$('height').onkeyup = function() {
            _$('main').style.width = this.value + 'px';
        }
    </SCRIPT>