Aşağı açılır iletişim formu7 için yer tutucu nasıl eklenir? [kapalı]


16

Ben verilen benzer yer tutucu ekleyerek çalıştı ContactNumber aşağı benim damla Outlet ama görünmüyor.

Kodunuzu

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

Ekleyerek çalıştı first_as_label "Preferred outlet?"değerler aşağı sıradan damla olarak bu görüntüler böylece.

Geri kalan tüm yerleri, yer tutucuyu, yer tutucuyu aşağı açılır için vermenin başka bir yolu gösteriyor mu?


1
Yer tutucu seçeneğini aşağıdaki form etiketi türlerinde kullanabilirsiniz: metin, e-posta, url, tel, metin alanı, sayı, aralık, tarih ve captchar. cf7 placeholder
Reigel

öyleyse açılır menü için başka seçeneğimiz yok mu?
Sanjuktha sandesh

Yanıtlar:


2

soruyu cevaplamak için: bu mümkün değil.

AFAIK, (HTMLwise) etiketleri seçmek için yer tutucu eklemenin bir yolu yoktur.

Ancak biliyorum birçok devs disabled selectedseçeneği için kombinasyon kullanma eğilimindedir ...

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

gösteri

CF7'nin kaynak kodunu (sürüm 4.3.1) kontrol ettim ve bu html formatını elde etmenin kolay bir yolu yok.

wpcf7_add_shortcode_selectİşlemi kaldırarak zor yoldan gidebilir wpcf7_initve bunun yerine kendinizinkini ekleyebilirsiniz.


2
Bu cevap gerçekten kaldırılmalı, kabul edilmeli veya yanlış olmamalı ve çok eski bir cevap gibi değil, doğru olanla aynı gün verildi.
Rick Calder

79

Kabul edilen cevabın aksine, aslında mümkündür ve İletişim Formu 7'de yerleşiktir. İşte tutulan seçeneklerin[select] gerçek listesi . Hemen hemen aşağıdakileri kullanarak yer tutucu olarak ilk seçeneği tanımlarsınız first_as_label:

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

Geleneksel olarak bir yer tutucu gibi görünmese de, gerekirse kullanıcı yer tutucuyu seçemez ve formu gönderemez - bu da kullanıcıyı diğer seçeneklerden herhangi birini seçmeye zorlar.


Yardım için teşekkürler. Zaten denedim first_as_labelama dediğin gibi diğer yer tutucu değerlerine benzemedi .
Sanjuktha sandesh

4
Bu iyi bir çözüm. Ve düzgün çalışıyor - ilk seçeneği kullanmayı denerseniz form gönderilmez. İlk seçeneği biçimlendirmek için, seçim kutusunu .wpcf7 select[name="menu-70"] { color:#aaa; }hedeflemeniz .wpcf7 select[name="menu-70"] option { color:#333; }yeterlidir (yani . Seçenekleri hedefleyerek seçenekleri daha koyu hale getirebilirsiniz (örn . İlk seçenek odakta vurgulanır, bu nedenle bu bölümü değiştirmek istemiyorsanız çözüm harika çalışır.
Rob Myrick

Basit bir şey eksik bir seçenek eksik bir seçenek eksik seçmek sürece neden herkesin bir yer tutucu gibi görünmek için bir seçim seçeneği isteyeyim emin değilim çoğu seçenek görmeyi bekliyoruz. Belgelere kendim bakmamdan kurtardığın için çok teşekkür ederim!
Rick Calder
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.