今天小编跟大家讲解下有关textarea文本域宽度和高度width及height自动适应实现代码 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关textarea文本域宽度和高度width及height自动适应实现代码 的相关资料,希望小伙伴们看了有所帮助。
复制代码代码如下: <HTML> <HEAD> <TITLE>textarea宽度、高度自动适应处理方法</TITLE> <!-- 控制宽度的自动适应 --> <style type="text/css"> .comments { width:100%; overflow:auto; word-break:break-all; } </style> </HEAD> <BODY> <FORM METHOD=POST ACTION=""> <!-- 主要控制高度的自动适应 --> <!-- 第一个是普通textarea --> <textarea class="comments"rows="10"cols="10"> </textarea> <!-- 以下两种方式都可以解决textarea行高自动适应类容的高度 --> <textarea class="comments"rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"></textarea> <textarea class="comments"style="height:expression((this.scrollHeight>150)?'150px':(this.scrollHeight+5)+'px');overflow:auto;"></textarea> </FORM> </BODY> </HTML>来源:爱蒂网