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

16

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

Код-

<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?"чтобы это отображалось как обычные выпадающие значения.

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

plugin-contact-form-7 Санджукта Сандеш
источник
1
Вы можете использовать опцию местозаполнителя в следующих типах тегов формы: текст, электронная почта, URL, телефон, текстовое поле, число, диапазон, дата и кодовое число. cf7 заполнитель
Рейгель
так что для выпадающего списка у нас нет другого выбора?
Санджукта Сандеш

Ответы:

2

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

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и добавив вместо него свое.

Reigel
источник
2
Этот ответ действительно должен быть удален, принят или нет, он неправильный, и он не очень старый, он был предоставлен в тот же день, что и правильный.
Рик Колдер
78

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

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

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

Howdy_McGee
источник
Спасибо за помощь. Я уже попробовал, first_as_labelно, как вы сказали, он не похож на другие значения заполнителей.
Санджукта Сандеш
4
Это достойное решение. И он работает правильно - форма не отправляется, если вы попытаетесь использовать первый вариант. Чтобы отформатировать первый вариант, просто наведите курсор на .wpcf7 select[name="menu-70"] { color:#aaa; }поле выбора (т .wpcf7 select[name="menu-70"] option { color:#333; }. Е. Затем вы можете сделать параметры более темными, нацелив их на параметры (т . Е. Первый параметр выделен на фокусе, поэтому, если вы не хотите изменить эту часть, решение отлично работает).
Роб Майрик
Я не совсем уверен, почему кто-то хотел бы, чтобы опция выбора выглядела как заполнитель, если я не пропустил что-то простое - выберите опцию - это то, что большинство людей ожидают увидеть. Большое спасибо за то, что спасли меня от просмотра документации!
Рик Колдер