我正在使用 Gravity Forms,并且有一个称为“输入掩码”的功能(我认为这是标准的 html5 功能?)强制用户以特定格式输入数据。但是,它会在输入字段内创建一行。见下图:
我怎样才能摆脱这条线?
Gravity Forms 使用的输入掩码功能不是标准的 HTML5 功能。它由这个 Masked Input plugin 提供支持.该脚本提供了一个选项来设置占位符(即下划线);然而,没有一种 super 简单的方法可以通过 Gravity Forms 的实现来启用此选项。
这是您可能会发现有用的一种方法。
- 将 HTML 字段添加到您的表单。
将以下代码添加到您的 HTML 字段。
<script type="text/javascript">
setTimeout( function() {
jQuery( '#input_FORMID_FIELDID' ).mask( 'MASK', { placeholder: '' } );
}, 500 );
</script>
对代码进行以下更新:
- 将 MASK 替换为您输入的掩码模板(即“99999-?9999”)
- 用您的表单 ID 替换 FORMID。
- 将 FIELDID 替换为您输入的掩码字段 ID。
应该看起来像这样:
我是一名优秀的程序员,十分优秀!