Как добавить пользовательские атрибуты без JS в контактную форму 7?

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] - так как она не будет отображаться на вкладке почты, чтобы напомнить вам.