从html输入掩码中删除行? (重力形式)

时间:2016-06-20 13:31:55

标签: html5 css3 gravity-forms-plugin

我正在使用Gravity Forms,这个名为“输入掩码”的功能(我假设是标准的html5功能?)强制用户以特定格式输入数据。但是,它会在输入字段内创建一条线。见下图:

How to remove the line from text filed?

我怎样摆脱这条线?

2 个答案:

答案 0 :(得分:3)

Gravity Forms使用的输入掩码功能不是标准的HTML5功能。它由Masked Input plugin提供支持。该脚本提供了设置占位符字符(即下划线)的选项;但是,没有一种超级简单的方法可以使用Gravity Forms的实现来启用此选项。

这是您可能会觉得有用的一种方法。

  1. 在表单中添加HTML字段。
  2. 将以下代码添加到HTML字段中。

    <script type="text/javascript">
        setTimeout( function() {
            jQuery( '#input_FORMID_FIELDID' ).mask( 'MASK', { placeholder: '' } );
        }, 500 );
    </script>
    
  3. 对代码进行以下更新:

    • 将MASK替换为输入掩码模板(即'99999-?9999')
    • 将FORMID替换为您的表单ID。
    • 将FIELDID替换为输入掩码字段ID。

    应该是这样的:

    HTML Field Content

答案 1 :(得分:0)

根据下面的E.x,您从Gravity表单创建输入默认funcitonaliy“gform_input_masks”。

$(document).ready(function() {
    var container = $(".container");

    container.css("overflow-y", "auto");
    container.css("overflow-x", "hidden");

    container.on("scroll", function() {
        $("table", this).css("overflow-x", "hidden");
        $("th", this).css("position", "relative");
        $("th", this).css("z-index", 1);
        $("th", this).css("top", this.scrollTop + "px");
    });
});

然后你想要从输入中删除行,然后你需要使用“gform_input_mask_script”,如下例所示。

add_filter( 'gform_input_masks', 'add_mask' );
function add_mask( $masks ) {
    $masks['phone number'] = '99999999999';
    return $masks;
}

如果您有任何问题,请使用此信息并让我知道。