让textarea充当输入

时间:2011-11-06 19:03:45

标签: jquery html css

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

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

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

谢谢


更新

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

4 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

您可以捕获这样的数据

$("#textarea1").val()

答案 2 :(得分:1)

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

textarea {
    overflow: hidden;
    resize: none;
}

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

答案 3 :(得分:0)

你可以这样做:

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

}

代表风格