【问题标题】:Remove bottom padding from textarea, and also disable "return" key从 textarea 中删除底部填充,并禁用“return”键
【发布时间】:2014-05-23 05:23:35
【问题描述】:

我想设置 textarea 的样式,使其看起来像默认的单行文本输入...当用户输入字符时,它还会垂直(高度)调整大小的 textarea。我已经使用autosize 插件解决了这个问题,如下面的 JSFiddle 所示:

http://jsfiddle.net/9aSm2

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

我想不通的是如何摆脱占位符文本下方的额外文本区域底部填充(“输入所需信息”),使其消失。这个底部填充导致 textarea 看起来有两行。如果有要包含的文本,我只希望一行可见。因此,任何时候都没有底部填充,也没有随着文本区域的增长。

另外,有什么方法可以禁用“返回”键吗?这样,textarea 的行为更像是一个单行文本输入字段。

感谢您的宝贵时间。

【问题讨论】:

    标签: jquery html css forms


    【解决方案1】:

    在您的autosize 插件中使用append 属性来删除多余的底部空间,默认情况下它是

    append:'\n'

    改成这个

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

    DEMO

    【讨论】:

    猜你喜欢
    • 2018-02-04
    • 1970-01-01
    • 2020-06-12
    • 2018-11-23
    • 1970-01-01
    • 2012-09-02
    • 2011-04-07
    • 2021-10-23
    • 1970-01-01
    相关资源
    最近更新 更多