html - 是否可以设置输入样式而不是使用文本区域？

Question

我有一些文本最终会进入 PDF 的单行。因为 PDF 区域不会有新行来显示它，所以我想使用输入而不是文本区域。输入本身不允许换行，而 textareas 要求您捕获 keydown 事件并在值更改时执行正则表达式。

有没有一种方法可以设置输入样式以使其显示类似于文本区域？ 我试图用 CSS 来完成它，但结果看起来不太乐观。

Answer 1

您可以使用 DIV 并contentEditable设置为true。试试这个：

<div contenteditable="true" style="width:200px; height:200px; border:solid 1px blue; overflow:auto"></div>

http://jsfiddle.net/4EgZ9/1/

Answer 2

如果您不想使用 textarea，唯一的方法是使用包含包装文本的 div，并且每当用户单击它（焦点）时，都会在顶部显示一个允许编辑的输入。尽管如此，这还是很丑陋，因为用户必须在一行中编辑他的文本。

http://jsfiddle.net/3a6LN/

需要 CSS3

word-break: break-all;

Answer 3

简而言之，没有。这就是 textarea 存在的原因。在编辑文本区域时，您不必在文本区域中捕获击键。提交表单后，您可以简单地去除换行符。