是否可以输入样式而不是使用Textarea？

Question

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

有没有一种方法来设置输入以使其显示类似于textarea？ I've tried to accomplish it with CSS但结果看起来并不乐观。

Answer 1

您可以在contentEditable设置为true的情况下使用DIV。试一试：

<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存在的原因。您不必在编辑时捕获textarea中的击键。您可以在提交表单后简单地删除换行符。