如何在 HTML textarea 元素中强制单行？

Posted 2023-05-07

【中文标题】如何在 HTML textarea 元素中强制单行？

【英文标题】：How to force single line in a HTML textarea element?

【发布时间】：2011-04-23 11:35:03

【问题描述】：

有没有办法让 html textarea 元素只允许一行？

我想这样做是因为我将有一个按钮来展开它，但是如果在 textarea 未展开（只有 1 行）时允许用户输入多行，它看起来不会很好，并且如果我使用文本框对于未展开的状态，当我用 textarea 替换它并用动画展开它时，它看起来很奇怪。

【问题讨论】：

how remove wordwrap from textarea的可能重复

不，我的问题与回车无关，而是与换行有关。

【参考方案1】：

你可以使用jQuery来创建这样的场效应。 See the demo here.

http://www.9lessons.info/2010/03/facebook-like-expanding-textbox-with.html

【参考方案2】：

没有。

您可以堆叠元素，然后先显示文本区域并立即删除文本框。我想这将是解决方法。

how to stack elements on jsFiddle 上的示例。

【参考方案3】：

据我所知，您需要使用 javascript 来监控和阻止输入键。

【参考方案4】：

不是纯 HTML，但是，如果你使用 JavaScript，你可以做到。