网页的textarea自动适应高度

80酷酷网    80kuku.com

  网页

最近有个项目的客户反映填写明细列表的备注太短了,没填几个字就换行,还要拉动滚动条,很是不方便;以前程序上显示的是几个字的长度,在不能编辑的时候是用控件的ToolTip来显示总的长度,而且还要去掉回车换行符号,不然页面回出错!
后面改成css和脚本来控制,显示和编辑的时候自动适应高度,这样看来也比较舒服了!
脚本为
<textarea >萨迪克

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

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

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

效果如下:



希望对大家需要的时候有点帮助,呵呵.

分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: