BlogJava-beauty_beast-随笔分类-HTML/CSShttp://www.blogjava.net/beauty_beast/category/9959.html上善若水 厚德载物 zh-cnWed, 28 Feb 2007 15:46:32 GMTWed, 28 Feb 2007 15:46:32 GMT60页面显示小技巧－textarea对象样式调整http://www.blogjava.net/beauty_beast/archive/2006/04/13/40858.html柳随风柳随风Thu, 13 Apr 2006 04:29:00 GMThttp://www.blogjava.net/beauty_beast/archive/2006/04/13/40858.htmlhttp://www.blogjava.net/beauty_beast/comments/40858.htmlhttp://www.blogjava.net/beauty_beast/archive/2006/04/13/40858.html#Feedback0http://www.blogjava.net/beauty_beast/comments/commentRss/40858.htmlhttp://www.blogjava.net/beauty_beast/services/trackbacks/40858.html在我们页面显示大文本数据时，一般情况下编辑时是采用多行文本框控件输入相关信息，该控件本身支持良好的文本格式，但是我们在查看时往往用段格式显示，文本的格式就会破坏，用户查看时不方便，其实可以使用textarea来显示对应的数据，这样就完整保留了对应的文本格式。

样式比较简单：
style="border:0;overflow:hidden;background-color: transparent;" readonly=true "
同时显示的控件的宽度和编辑时的控件宽度保持一致。
为了避免出现滚动条，在页面装载后将对应控件的高度设置为实际文本适应的高度，代码如下
<script language=javascript>

var textareas=document.all.tags("textarea");
if(textareas!=null){
for(i=0;i<textareas.length;i++){
  textareas[i].style.height=textareas[i].scrollHeight;
}
}
</script>
该心得来自前年的一个项目使用，今天无意中翻出来，觉得有点价值，就写了，作为备忘吧。



柳随风 2006-04-13 12:29 发表评论
]]>