textarea文本域宽度和高度（width、height）自己主动适应变化处理

文章来源：http://www.cnblogs.com/jice/archive/2011/08/07/2130069.html

<HTML>
<HEAD>
<TITLE>textarea宽度、高度自己主动适应处理方法</TITLE>
<!-- 控制宽度的自己主动适应 -->
<style type="text/css">
.comments {
 width:100%;/*自己主动适应父布局宽度*/
 overflow:auto;
 word-break:break-all;
/*在ie中解决断行问题(防止自己主动变为在一行显示，主要解决ie兼容问题，ie8中当设宽度为100%时，文本域类容超过一行时，
当我们双击文本内容就会自己主动变为一行显示，所以仅仅能用ie的专有断行属性“word-break或word-wrap”控制其断行)*/
}
</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>

时间： 2024-08-26 17:33:39

textarea文本域宽度和高度（width、height）自己主动适应变化处理的相关文章

div模拟textarea文本域轻松实现高度自适应

CSS3：固定textarea文本域宽度

textarea在一些浏览器上可以被拖拉改变大小,为了保持美观,可以通过 CSS3 resize 属性禁掉 textarea{resize:none; //不允许用户调整元素大小}

textarea文本域的高度随内容的变化而变化

用css控制textarea文本域的高度随内容的变化而变化,不出现滚动条. CSS代码: 复制代码代码如下: .t_area{ width:300px; overflow-y:visible } <textarea class="t_area"> 随便在这里输入内容,textarea的高度会随着你输入的内容而变化,不会出现滚动条,实现很简单,就是一段css:overflow-y:visible </textarea> 首先,原则上实现textarea自适应必须

textarea文本域保存的一些思考

textarea文本域保存文本到数据库的时候,数据要做一定的处理,否则数据库的内容不能正确显示在页面上.主要原因就是换行符的不一致造成的. 具体思路是:(1)页面上的内容存到数据库的时候,要把换行符转换成"<br/>": 我在action层: // 使用这句话对页面上传过来的换行符进行处理 liwei 20140724 1115 assignment_teacher_comment = assignment_teacher_comment.replaceAll("

[IOS 开发] NSString-计算文本的宽度和高度

在实际的代码应用中,我们常常需要计算,特定文本的宽度和高度.然后,根据长度和宽度值,动态的设置容器(如:UILabel)的长和宽来进行适应. 假如:我们有如下一段文本. UIFont *theFont = [UIFont systemFontOfSize:14]; NSString *strText = @"这是一段很长的字符串,我们将根据要求的字体大小,来计算实际需要的宽度和高度!"; 1.计算文本的宽度 NSMutableDictionary *dic = [NSMutableD

HTML学习笔记域元素(form表单、textarea文本域、fieldset域集合、input使用) 案例第四节（原创）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单</title> </head> <body>  <form> 用户名:  <input type="text">

textarea文本域

textarea中换行问题一旦用nl2br函数处理会多个\n导致十分难看也无法形成文本框默认效果前台的html如果用<br/>处理也会给后台的编辑造成困难所以在编辑的时候这样处理把\n字符串换成\n换行即可编辑里的显示效果是这样的当在前台显示的时候就直接处理一下显示为<br/>后即可显示效果是这样的

css固定textarea文本域尺寸

大家都知道,textarea元素在chrome等浏览器下可以被拖拉从而改变大小,对于查看textarea里面的内容来说相当方便,但是有时候我们为了保持网页的美观,不得不想要禁掉这个功能,禁止用户随意拉动textarea的大小,其实很简单,只需要用css加一个小小的属性,代码如下: textarea{ resize:none; }

textarea文本域字数控制---并显示已输入字数

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="