时间:2016-01-23 12:33 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【textarea文本域宽度和高度width及height自动适应实现代码】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
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>
关于textarea文本域宽度和高度width及height自动适应实现代码的相关讨论如下：
相关问题：
答： >>详细
相关问题：
答： >>详细
相关问题：
答： >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-