从textarea中删除底部填充,并禁用" return"键

时间:2014-05-23 05:23:36

标签: jquery html css forms

我想将textarea的样式设置为默认的单行文本输入... textarea,当用户输入字符时,它也会垂直(高度方向)调整大小。我有这个想法的基础,使用autosize插件,如下面的JSFiddle所示:

http://jsfiddle.net/9aSm2

$(function(){
    $('.animated').autosize();
});

我无法弄清楚的是如何摆脱占位符文本下方的额外textarea底部填充("输入所需信息"),以消失。这个底部填充使得textarea看起来有两行。如果有要包含的文本,我只想要一行可见。所以,任何时候都没有底部填充,也没有textarea增长。

此外,有没有办法禁用"返回"键?这样,textarea的行为更像是单行文本输入字段。

感谢您的时间。

1 个答案:

答案 0 :(得分:0)

autosize插件中使用append属性删除额外的底部空间,默认情况下为

append:'\n'

更改为

$('.animated').autosize({append: '',});

<强> DEMO