如何在Contact Form 7中添加不带JS的自定义属性？

Question

我需要为联系表7的输入添加一些自定义属性，但不使用JS。

例如我需要添加data-timepicker =“ true”和data-language ='en'-这些属性用于Air-Datepicker插件。

我正在尝试使用JS创建这些属性，并且可以使用，但不适用于Air-Datepicker-可能JS可以使用很晚。

那么，没有JS怎么办呢？

Answer 1

将输入复制到页面上之后，您可以直接将输入直接添加到表单中。

例如...如果您添加表单标签

<label>The Date</label>

[text* the-date]

在表单的输出上，当您在粘贴联系人表单简码的页面上查看源代码时，您将看到：

<label>Enter Date</label>
    <span class="wpcf7-form-control-wrap the-date"><input type="text" name="the-date" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false"></span>

然后将其复制回您的表单，并将表单标签[the-date]替换为：

<label>Enter Date</label>
        <span class="wpcf7-form-control-wrap the-date"><input type="text" name="the-date" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" data-timepicker="true" data-language="en"></span>

只需确保您将电子邮件[the-date]包括在内-因为它不会显示在“邮件”标签上以提醒您。