HTML <textarea> 标签

<textarea> 标签

maxlength 属性是 <textarea> 标签在 HTML5 中的新属性,maxlength 属性规定文本区域的最大长度(以字符计)

其中,Internet Explorer 10、Firefox、Chrome 以及 Safari 支持 maxlength 属性

 

1.限制的长度:

<textarea name="message" placeholder='请留言' cols="45" rows="2" maxlength="255"
  onKeyDown='if (this.value.length>255){event.returnValue=false}'></textarea>

 把maxlength和onKeyDown结合使用才能解决所有平台的兼容问题,this.value.length>255处不能写成this.value.length>=255(=不能要,不然达到最大字符数时,不能删除字符)。

 

2.彻底禁用拖动(推荐):

textarea {
    resize: none;
}

 

 3.只是固定大小,右下角的拖动图标仍在

textarea {
    width: 200px;
    height: 100px;
    max-width: 200px;
    max-height: 100px;
}

 

posted @ 2017-08-02 20:37  北斗星的微博  阅读(201)  评论(0编辑  收藏  举报