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.