提示:如何在Ninja Forms Wordpress插件中向textarea添加占位符

时间:2015-04-23 07:29:54

标签: forms textarea placeholder ninja

这实际上不是一个问题。我只是觉得我需要与所有的窥视分享这一小块魔法,因为在Ninja Forms textarea领域获得占位符很难。

因此,基本上您需要做的是将以下代码添加到head部分的header.php文件中,然后更改textarea的ID并选择占位符文本。

<script type="text/javascript">
    jQuery(document).ready(function($){
        $('#yourTextareaID').attr("placeholder","Your placeholder value");
    });
</script>

希望这可以帮助您节省一些时间。你以后可以感谢我。

2 个答案:

答案 0 :(得分:5)

这样做可以使其适用于任何textarea的方法是设置(在Ninja表单中)textarea的默认值,无论你想要占位符是什么,然后在页面加载时,取每个内容textarea,将其添加到占位符属性,然后删除内容:

$(document).ready(function() {
    // Remove textarea content and add placeholder
    $("textarea").each(function() {
        var $this = $(this);
        $this.attr("placeholder", $this.val());
        $this.val("");
    });
});

答案 1 :(得分:0)

大!谢谢。在我的情况下,ID为30,所以我的代码最终成为:

<script type="text/javascript">
    jQuery(document).ready(function($){
        $('#ninja_forms_field_30').attr("placeholder","Your placeholder value");
    });
</script>