Jak dodać symbol zastępczy formularza kontaktowego 7 do rozwijanego menu? [Zamknięte]


16

Próbowałem dodać symbol zastępczy podobny do podanego dla ContactNumber dla mojego rozwijanego gniazdka, ale nie pojawia się.

Kod-

<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>

Próbowałem dodać, first_as_label "Preferred outlet?"więc wyświetla się to jako zwykłe wartości rozwijane.

Reszta we wszystkich polach pokazuje symbol zastępczy, czy jest jakiś inny sposób nadania symbolu zastępczego liście rozwijanej?


1
Opcji zastępczej można użyć w następujących typach znaczników formularza: tekst, adres e-mail, adres URL, tel, obszar tekstowy, liczba, zakres, data i captchar. cf7 symbol zastępczy
Reigel

więc na liście rozwijanej nie mamy innego wyboru?
Sanjuktha sandesh

Odpowiedzi:


2

odpowiedzieć na pytanie: nie jest to możliwe.

AFAIK, (HTMLwise) nie ma sposobu, aby dodać symbol zastępczy, aby zaznaczyć tagi.

Jednak wielu deweloperów, których znam, często używa disabled selectedkombinacji dla tej opcji ...

<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>

próbny

Sprawdziłem kod źródłowy CF7 (wersja 4.3.1) i nie ma łatwego sposobu na osiągnięcie tego formatu HTML.

Możesz przejść trudną drogę, usuwając wpcf7_add_shortcode_selectakcję wpcf7_initi dodaj swoją.


2
Ta odpowiedź naprawdę powinna zostać usunięta, zaakceptowana lub nie, jest niepoprawna i nie jest tak, że jest to bardzo stara odpowiedź, została dostarczona tego samego dnia, w którym była poprawna.
Rick Calder,

78

Wbrew temu, co sugeruje, zaakceptowanej odpowiedź, to faktycznie jest to możliwe, a wbudowany Formularza Kontaktowego 7. Oto aktualna lista opcji [select]ładownie . Prawie można by zdefiniować pierwszą opcję, aby być symbolem zastępczym, używając first_as_label:

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

Chociaż tradycyjnie nie będzie wyglądał na symbol zastępczy, jeśli będzie to wymagane, użytkownik nie będzie mógł wybrać symbolu zastępczego i wysłać formularza - to zmusza użytkownika do wybrania dowolnej z pozostałych opcji.


Dzięki za pomoc. Już próbowałem, first_as_labelale jak powiedziałeś, nie wyglądało to podobnie do innych wartości zastępczych.
Sanjuktha sandesh

4
To jest przyzwoite rozwiązanie. I działa poprawnie - formularz nie wysyła się, jeśli spróbujesz użyć pierwszej opcji. Aby sformatować pierwszą opcję, po prostu celuj w pole wyboru (tj .wpcf7 select[name="menu-70"] { color:#aaa; }. Następnie możesz przyciemnić opcje, celując w opcje (tj .wpcf7 select[name="menu-70"] option { color:#333; }. Pierwsza opcja jest wyróżniona na fokus, więc jeśli nie chcesz zmienić tej części, rozwiązanie działa świetnie.
Rob Myrick

Nie jestem do końca pewien, dlaczego ktokolwiek chciałby, aby wybrana opcja wyglądała jak symbol zastępczy, chyba że brakuje mi czegoś prostego - wybierz opcję - tego oczekuje większość ludzi. Dziękuję bardzo za uratowanie mnie przed samodzielnym przejrzeniem dokumentacji!
Rick Calder,
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.