网页的textarea自动适应高度
2005-04-17 20:19
127 查看
最近有个项目的客户反映填写明细列表的备注太短了,没填几个字就换行,还要拉动滚动条,很是不方便;以前程序上显示的是几个字的长度,在不能编辑的时候是用控件的ToolTip来显示总的长度,而且还要去掉回车换行符号,不然页面回出错!
后面改成css和脚本来控制,显示和编辑的时候自动适应高度,这样看来也比较舒服了!
脚本为
<textarea style="overflow-y:visible;" >萨迪克
龙卷风萨迪克立法局扶绥对立法军队司阔佬夫君幅度苏克雷附加
赛夺魁旅费福利司地矿局福利司夺魁发随大流开房间缩短阔佬附
加赛多幅刻录机缩短毒素乱罚款军队弗兰克斯多夫机</textarea
>
效果如下:
萨迪克
龙卷风萨迪克立法局扶绥对立法军队司阔佬夫君幅度苏克雷附加
赛夺魁旅费福利司地矿局福利司夺魁发随大流开房间缩短阔佬附
加赛多幅刻录机缩短毒素乱罚款军队弗兰克斯多夫机
希望对大家需要的时候有点帮助,呵呵.
后面改成css和脚本来控制,显示和编辑的时候自动适应高度,这样看来也比较舒服了!
脚本为
<textarea style="overflow-y:visible;" >萨迪克
龙卷风萨迪克立法局扶绥对立法军队司阔佬夫君幅度苏克雷附加
赛夺魁旅费福利司地矿局福利司夺魁发随大流开房间缩短阔佬附
加赛多幅刻录机缩短毒素乱罚款军队弗兰克斯多夫机</textarea
>
效果如下:
萨迪克
龙卷风萨迪克立法局扶绥对立法军队司阔佬夫君幅度苏克雷附加
赛夺魁旅费福利司地矿局福利司夺魁发随大流开房间缩短阔佬附
加赛多幅刻录机缩短毒素乱罚款军队弗兰克斯多夫机
希望对大家需要的时候有点帮助,呵呵.
相关文章推荐
- 网页的高度自动适应
- 让 textarea 自动适应内容的高度
- textarea宽度、高度自动适应处理方法
- 让文本框textarea自动适应内容的高度
- textarea自动适应高度 无滚动条
- textarea 自动适应高度
- Jquery实现 TextArea 文本框根据输入内容自动适应高度
- 实现TextArea自动适应高度并且无滚动条
- 让文本框textarea自动适应内容的高度
- 【记录】用Javascript实现文本框textarea高度随内容自动适应增长收缩
- textarea自动适应内容的高度
- 自动适应高度的TextArea
- textarea文本域宽度和高度(width、height)自动适应变化处理
- 让文本框textarea自动适应内容的高度
- 让文本框textarea自动适应内容的高度
- 让文本框textarea自动适应内容的高度
- js控制textarea输入框根据内容自动适应高度
- Jquery实现 TextArea 文本框根据输入内容自动适应高度
- 网页的高度自动适应
- 让文本框textarea自动适应内容的高度