Как добавить заполнитель для контактной формы7 для выпадающего списка? [закрыто]


Я попытался добавить заполнитель, похожий на указан для Контактный номер для моего выпадающего списка Розетка, но он не отображается.

Код -

<div class="form-group form-icon-group">
    <i class="fa fa-phone" > </i> [tel* ContactNumber /8 class:form-control placeholder "Contact Number *"]
</div>
<div class="form-group form-icon-group">
<i class="fa fa-food" > </i> [select Outlet id:outlet class:form-control "-- Select Outlet--" "Pasir Ris" "Thomson"]
</div>

Попытался добавить first_as_label "Preferred outlet?", чтобы это отображалось как обычные выпадающие значения.

Остальные все поля показывают заполнитель, есть ли другой способ указать заполнитель для выпадающего списка?

Author: Sanjuktha sandesh, 2016-01-06

2 answers

Чтобы ответить на вопрос: это невозможно.

AFAIK, (htmlwise) нет способа добавить заполнитель для выбора тегов.

Однако многие разработчики, которых я знаю, склонны использовать комбинацию disabled selected для этой опции...

<select>
    <option value="" disabled selected>Select your option</option>
    <option value="ydasdas">ydasdas</option>
    <option value="dasda">dasda</option>
    <option value="ydagfdsdas">ydagfdsdas</option>
    <option value="ewefsdf">ewefsdf</option>
</select>

Демо-версия

Я проверил исходный код CF7 (версия 4.3.1), и мы не можем легко достичь этого формата html.

Вы можете пойти трудным путем, удалив действие wpcf7_add_shortcode_select в wpcf7_init и добавив вместо него свое.

 1
Author: Reigel, 2016-01-06 06:18:55

Вопреки тому, что предполагает принятый ответ, это действительно возможно и встроено в контактную форму 7. Вот фактический список опций [select], который содержит . В значительной степени вы бы определили первый вариант в качестве заполнителя, используя first_as_label:

[select* Test first_as_label "Placeholder" "Option 1" "Option 2"]

Хотя традиционно он не будет выглядеть как заполнитель, если это потребуется, пользователь не сможет выбрать заполнитель и отправить форму - это вынуждает пользователя выбрать любой из других вариантов.

 107
Author: Howdy_McGee, 2016-01-06 15:36:18