如何让textarea不自动换行

2012-05-24 08:39:17 3k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

从零到一：Qt与PCL的跨平台开发环境搭建全攻略本文详细介绍了从零开始搭建Qt与PCL跨平台开发环境的完整流程，涵盖Windows、Linux和macOS三大平台。重点解析了Qt5与Qt6版本选择、PCL库安装配置、VTK集成等关键技术要点，并提供跨平台CMake项目模板和常见问题解决方案，助力开发者快速构建三维点云处理应用。阅读详情

比如以下的代码：



<textarea rows="10" cols="80"></textarea>

当用户输入一行超过80个字符的时候，它就会自动换行，但我只希望按了回车键后才换行，不按回车永远不换行

求教高手这段代码应该怎么改

...全文

数字后端设计实现 | 数字后端PR工具Innovus中如何创建不同高度的row？数字IC后端设计实现之innovus中如何创建不同高度的row? 阅读详情

周靖峰

CSS 61,116 成员 60,701 内容

+ 关注 + 加入社区

切换为时间正序

njb19870707 2014-06-27

打赏
举报

周靖峰 2012-05-25

打赏
举报

[Quote=引用 3 楼的回复:]

晕。。。我怎么会觉得textarea没有滚动条呢。。

这样就可以了：
HTML code
<textarea style="white-space:nowrap; overflow:scroll;" cols="80" rows="10"></textarea>
[/Quote]
你的代码在firefox下没效果，只是多了一个横向的滚动条。在ie下确实不会分行了，但是我按回车也没用了

[Quote=引用 4 楼的回复:]

HTML code

<textarea wrap="off" style="white-space:nowrap; overflow-x:scroll; overflow-y:hidden;" cols="10" rows="10"></textarea>

firefox 下得用wrap="off"
[/Quote]
你的代码只能在firefox下使用，如果在ie下使用也会出现按回车无法换行的现象

请问一下有没有通用的代码，是不是html标准中就压根没打算加这么一个功能？

乌镇程序员 2012-05-24

打赏
举报

textarea文本框没有滚动条，超出可视宽度就会自动换行。不过这里的换行只是在显示上的换行，提交上去的数据中并不会含有回车/换行符，取出数据输出时并不会换行。

Acesidonu 2012-05-24

打赏
举报

[Quote=引用 3 楼的回复:]
晕。。。我怎么会觉得textarea没有滚动条呢。。

这样就可以了：

HTML code

<textarea style="white-space:nowrap; overflow:scroll;" cols="80" rows="10"></textarea>
[/Quote]
++

001007009 2012-05-24

打赏
举报



<textarea wrap="off" style="white-space:nowrap; overflow-x:scroll; overflow-y:hidden;" cols="10" rows="10"></textarea>

firefox 下得用wrap="off"

乌镇程序员 2012-05-24

打赏
举报

晕。。。我怎么会觉得textarea没有滚动条呢。。

这样就可以了：

<textarea style="white-space:nowrap; overflow:scroll;" cols="80" rows="10"></textarea>

menqi20 2012-05-24

打赏
举报

这是分行显示,并不是换行,你不想分行显示就弄个横的滚动条

如何让textarea不自动换行

相关推荐