让textarea充当输入

Question

如何将样式和javascript应用到textarea字段以使其像输入文本字段一样？

我有一些输入文本字段，我想用新行字符捕获粘贴。为此，我将输入文本字段转换为textareas。然而，如果textarea输入看起来像输入字段那样会很好。

我已经确定了如何调整textarea的大小看起来像一个输入，但还有其他微妙的差异所有我没有清点。我正在寻找一个图书馆或综合方法让textarea像textfield一样。

谢谢

---

更新

我要单独留下文本字段。事实证明，我可以创建一个隐藏的textarea并将焦点切换到粘贴事件上的该元素，以获取多行粘贴数据。

Answer 1

要使其看起来像输入字段，您需要将其length和width更改为适当的大小。除此之外，两者看起来相似。对于JavaScript，它类似于您已经用于inputs的内容。

Answer 2

您可以捕获这样的数据

$("#textarea1").val()

Answer 3

到目前为止，我发现以下样式html和css很有用。

textarea {
    overflow: hidden;
    resize: none;
}

<textarea rows=1 wrap=Off></textarea>

Answer 4

你可以这样做：

textarea{
 width: 10em;  
    height:1.2em;

}

代表风格