ड्रॉपडाउन के लिए संपर्क फ़ॉर्म 7 के लिए प्लेसहोल्डर कैसे जोड़ें? [बन्द है]

Question

मैंने अपने ड्रॉप डाउन आउटलेट के लिए ContactNumber के लिए प्लेसहोल्डर के समान जोड़ने की कोशिश की , लेकिन यह प्रकट नहीं होता है।

Code-

<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?"इसे जोड़ने की कोशिश की गई है ताकि यह सामान्य ड्रॉप डाउन मान के रूप में प्रदर्शित हो।

बाकी सभी क्षेत्र प्लेसहोल्डर को दिखाते हैं, ड्रॉप डाउन के लिए प्लेसहोल्डर को देने का कोई अन्य तरीका?

Comments

आप निम्न प्रकार के फ़ॉर्म टैग में प्लेसहोल्डर विकल्प का उपयोग कर सकते हैं: पाठ, ईमेल, यूआरएल, टेल, टेक्सारिया, संख्या, रेंज, तिथि और कैप्चर। cf7 प्लेसहोल्डर

— रिगेल

इसलिए ड्रॉप डाउन के लिए हमारे पास कोई अन्य विकल्प नहीं है?

— संजुक्ता चंदन

Answer 1

प्रश्न का उत्तर देने के लिए: यह संभव नहीं है।

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इसके बजाय अपना जोड़कर कठिन रास्ता अपना सकते हैं ।

Comments

यह उत्तर वास्तव में हटा दिया जाना चाहिए, स्वीकार किया जाना चाहिए या गलत नहीं है, और ऐसा नहीं है कि यह बहुत पुराना उत्तर है, इसे उसी दिन आपूर्ति की गई थी जैसा कि सही था।

— रिक काल्डर

Answer 2

क्या स्वीकार किए जाते हैं जवाब से पता चलता है के विपरीत, यह वास्तव में संभव है और संपर्क प्रपत्र 7 में बनाया गया है यहाँ वास्तविक है विकल्पों की सूची [select]धारण । बहुत ज्यादा आप प्लेसहोल्डर का उपयोग करने वाले पहले विकल्प को परिभाषित करेंगे first_as_label:

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

हालांकि यह पारंपरिक रूप से एक प्लेसहोल्डर की तरह नहीं दिखेगा, अगर इसकी आवश्यकता है तो उपयोगकर्ता प्लेसहोल्डर का चयन करने और फ़ॉर्म भेजने में सक्षम नहीं होगा - यह उपयोगकर्ता को किसी अन्य विकल्प का चयन करने के लिए मजबूर करता है।

Comments

मदद के लिए धन्यवाद। मैं पहले से ही कोशिश की, first_as_labelलेकिन जैसा कि आपने कहा कि यह अन्य प्लेसहोल्डर मूल्यों के समान नहीं है।

— संजुक्ता सँदेश '

यह एक सभ्य समाधान है। और यह ठीक से काम करता है - यदि आप पहले विकल्प का उपयोग करने का प्रयास करते हैं तो फॉर्म नहीं भेजता है। पहले विकल्प को प्रारूपित करने के लिए, बस चयनित बॉक्स को लक्षित करें (यानी .wpcf7 select[name="menu-70"] { color:#aaa; }। फिर आप विकल्पों को लक्षित करके विकल्पों को अधिक गहरा बना सकते हैं .wpcf7 select[name="menu-70"] option { color:#333; }। ( पहला विकल्प ध्यान केंद्रित करने पर अधिक है, इसलिए जब तक आप इस भाग को बदलना नहीं चाहते, तब तक समाधान बहुत अच्छा काम करता है।

— रोब मिरिक

मुझे पूरी तरह से यकीन नहीं है कि कोई भी एक प्लेसहोल्डर की तरह दिखने का विकल्प क्यों चाहेगा जब तक कि मुझे कुछ सरल याद नहीं है - एक विकल्प को चुनें - एक विकल्प है जो ज्यादातर लोग देखने की उम्मीद करते हैं। मुझे प्रलेखन के माध्यम से देखने से मुझे बचाने के लिए बहुत बहुत धन्यवाद!

— रिक काल्डर