html - 在输入类型 ="text"元素 HTML/CSS 中包装文本

Question

下面显示的 HTML，

<input type="text"/>

在浏览器中显示如下:

---

当我添加以下文本时，

The quick brown fox jumped over the lazy dog.

使用下面的 HTML，

<input type="text" value="The quick brown fox jumped over the lazy dog."/>

在浏览器中显示如下:

---

但我希望它像这样显示在浏览器中:

---

我希望输入元素中的文本换行。这可以在没有文本区域的情况下完成吗？

Answer 1

这是 textarea 的工作 - 用于多行文本输入。 输入 won't do it ;它不是为了这样做而设计的。

所以使用textarea。除了视觉上的差异外，它们通过 JavaScript 的访问方式相同(使用 value 属性)。

您可以防止通过 input 事件输入换行符，只需使用 replace(/\n/g, '')。