Як додати заповнювач до контактної форми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?"це відображає як звичайні випадаючі значення.

У всіх залишках полів відображається заповнювач, будь-який інший спосіб дати заповнити заповнювач для спадного місця?


1
Ви можете скористатися параметром заповнення місця в таких типах тегів форми: текст, електронна пошта, URL, tel, textarea, номер, діапазон, дата та виправлення. cf7 заповнювач
Reigel

тож для випадання у нас немає іншого вибору?
Sanjuktha sandesh

Відповіді:


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а замість цього додайте свої.


2
Цю відповідь дійсно слід видалити, прийняти чи не правильно, і це не так, як це дуже стара відповідь, вона була надана в той самий день, коли була правильна.
Рік Калдер

78

Попри те , що підказує загальноприйнятий відповідь, він на самому справі можна і вбудований в контактну форму 7. Ось фактичний список опцій [select]трюми . Насправді ви б визначили перший варіант бути заповнювачем, використовуючи first_as_label:

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

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


Дякуємо за help.i вже спробував, first_as_labelале, як ви сказали, він не схожий на інші значення заповнювачів.
Sanjuktha sandesh

4
Це гідне рішення. І це працює належним чином - форма не надсилається, якщо ви спробуєте використати перший варіант. Щоб відформатувати перший варіант, просто націліть на поле вибору (тобто .wpcf7 select[name="menu-70"] { color:#aaa; }. Ви можете зробити параметри темнішими, орієнтуючись на параметри (тобто .wpcf7 select[name="menu-70"] option { color:#333; }. Перший варіант виділяється на фокус, тому, якщо ви не хочете змінити цю частину, рішення працює чудово).
Роб Мірік

Я не зовсім впевнений, чому хтось захоче, щоб обраний варіант виглядав як заповнювач, якщо я не пропускаю щось просте - Виберіть варіант - те, що очікують побачити більшість людей. Дуже дякую, що врятували мене від перегляду документації!
Рік Калдер
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.