textarea宽度、高度自动适应处理方法

textarea自动高度

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><TITLE>textarea宽度、高度自动适应处理方法</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--/*    <meta name="Generator" content="EditPlus"><meta name="Author" content=""><meta name="Keywords" content=""><meta name="Description" content="">*/--><!-- 控制宽度的自动适应 --><style type="text/css">.comments {width:100%;/*自动适应父布局宽度*/overflow:auto;word-break:break-all;/*在ie中解决断行问题(防止自动变为在一行显示，主要解决ie兼容问题，ie8中当设宽度为100%时，文本域类容超过一行时，当我们双击文本内容就会自动变为一行显示，所以只能用ie的专有断行属性"word-break或word-wrap"控制其断行)*/}.t_global {width:100%;}.t_left {width:80px;background-color: #CCC;}</style></HEAD><BODY> <table class="t_global"><tr><td class="t_left">审核意见：</td><td><FORM   METHOD=POST   ACTION= " "> <!-- 第一个是普通textarea --><textarea class="comments" rows="4" cols="10"> </textarea> </FORM>  </td></tr><tr><td class="t_left">审核意见：</td><td><FORM   METHOD=POST   ACTION= " "> <!-- textarea行高自动适应类容的高度2 --><textarea class="comments" rows=4   name=s1   cols=27   onpropertychange= "this.style.posHeight=this.scrollHeight "></textarea>  </FORM>  </td></tr><tr><td class="t_left">审核意见：</td><td><FORM   METHOD=POST   ACTION= " "> <!-- textarea行高自动适应类容的高度3 --><textarea class="comments" style="height:expression((this.scrollHeight>150)?'150px':(this.scrollHeight+5)+'px');overflow:auto;"></textarea>  </FORM>  </td></tr></table><textarea class="comments" style="height:expression((this.scrollHeight>150)?'150px':(this.scrollHeight+5)+'px');overflow:auto;"></textarea>
</BODY>
</HTML>

转载于:https://www.cnblogs.com/ae6623/p/4416372.html

textarea宽度、高度自动适应处理方法相关推荐

textarea宽度固定，自动增高 input高度固定，自动增宽
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! [jav ...
textarea宽度固定，自动提高代码
textarea宽度固定,自动增高代码:input高度固定,自动增宽 input高度固定,自动增宽 <input type="text" style="width: ...
CSS，让100%的宽度，自动减10，让100%的高度，自动减10，可以加减乘除
CSS,让100%的宽度,自动减10,让100%的高度,自动减10,可以加减乘除实例: .add{width: calc(100% - 10px);height: calc(100% - 10px) ...
php获得屏幕宽度,PHP获取客户端屏幕宽度、高度及分辨率的方法
PHP获取客户端屏幕宽度.高度及分辨率的方法发布时间:2015-11-21 08:08:45 作者:佚名阅读:(61) php获取客户端屏幕宽度.高度及分辨率的方法首先需要说明的是php是服务器 ...
获取手机宽度高度dpr的方法
获取手机宽度高度dpr的方法引言在做uni-app小程序.app或者h5的时候,默认的手机尺寸基本上是iphone,和安卓机不太一样. 所以我们需要获取自己手机的宽度高度,方法如下打开HBuil ...
freemarker模板文件中文本域(textarea)的高度自适应实现
2019独角兽企业重金招聘Python工程师标准>>> freemarker模板文件中实现文本域(textarea)的高度自适应实现. 从网上找的大部分办法中很多方法兼容性并不好,要 ...
图片加尺寸php代码,php获取图片尺寸(宽度,高度)_php
本篇文章主要说明php获取图片尺寸(宽度,高度)的函数,即getimagesize()函数. 语法:array getimagesize( string filename [, array & ...
css按钮居中_你不一定知道的CSS最小和最大(宽度/高度)知识点及优缺点
通常,我们希望限制元素相对于其父元素的宽度,同时使其具有动态性.因此,有一个基础宽度或高度的能力,使其扩展的基础上,可用的空间.比如说,我们有一个按钮,它的宽度应该是最小的,不应该低于它的宽度.这就是 ...
水下自动循迹机器人_一种夜间巡逻机器人自动循迹方法
一种夜间巡逻机器人自动循迹方法 [技术领域] [0001]本发明涉及机器人应用技术领域,尤其涉及一种夜间巡逻机器人自动循迹方法. [背景技术] [0002]目前,博物馆.会展中心以及公园等场所的夜间安 ...

textarea宽度、高度自动适应处理方法

textarea宽度、高度自动适应处理方法相关推荐

最新文章

热门文章