如何让textarea不自动换行

周靖峰 2012-05-24 08:39:17
比如以下的代码:


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


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

求教高手这段代码应该怎么改
...全文
2849 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
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
  • 打赏
  • 举报
回复 1
晕。。。我怎么会觉得textarea没有滚动条呢。。

这样就可以了:
<textarea style="white-space:nowrap; overflow:scroll;" cols="80" rows="10"></textarea>
menqi20 2012-05-24
  • 打赏
  • 举报
回复
这是分行显示,并不是换行,你不想分行显示就弄个横的滚动条

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧