网页的textarea自动适应高度


最近有个项目的客户反映填写明细列表的备注太短了,没填几个字就换行,还要拉动滚动条,很是不方便;以前程序上显示的是几个字的长度,在不能编辑的时候是用控件的ToolTip来显示总的长度,而且还要去掉回车换行符号,不然页面回出错!

 
后面改成CSS和脚本来控制,显示和编辑的时候自动适应高度,这样看来也比较舒服了!
脚本为
<textarea style="overflow-y:visible;" >萨迪克

龙卷风萨迪克立法局扶绥对立法军队司阔佬夫君幅度苏克雷附加

赛夺魁旅费福利司地矿局福利司夺魁发随大流开房间缩短阔佬附

加赛多幅刻录机缩短毒素乱罚款军队弗兰克斯多夫机</textarea>

效果如下:



希望对大家需要的时候有点帮助,呵呵 本文作者:



相关阅读:
jQuery实现切换页面布局使用介绍
php设计模式 Composite (组合模式)
JavaScript入门学习书籍的阶段选择
JS实现即点即编辑功能代码
Asp WinHttp.WinHttpRequest.5.1 对象使用详解 伪造 HTTP 头信息
DataGrid同时具有分页和排序功能及注意点
PHP 数组遍历方法大全(foreach,list,each)
vbs中使用 ADO 读取所有数据均在一行上的文本文件的代码
JS旋转图片阵类
php 防止单引号,双引号在接受页面转义
VBS教程:函数-CCur 函数
Ubuntu 8.10 Alpha伤害Intel网卡
文件上传类
js 表格排序(编辑+拖拽+缩放)
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4