头闻号

广州市蝶澜化妆品有限公司

护肤膏霜|化妆水|面膜|瘦身化学品|化妆品套装|护肤乳液

首页 > 新闻中心 > 科技常识:textarea文本域宽度和高度width及height自动适应实现代码
科技常识:textarea文本域宽度和高度width及height自动适应实现代码
发布时间:2024-12-24 22:05:00        浏览次数:3        返回列表

今天小编跟大家讲解下有关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>

来源:爱蒂网