Come aggiungere un segnaposto per il modulo di contatto 7 per il menu a discesa? [chiuso]

16

Chiuso. Questa domanda è fuori tema . Al momento non accetta risposte.

Vuoi migliorare questa domanda? Aggiorna la domanda in modo che sia in argomento per lo scambio di stack di sviluppo di WordPress.

Chiuso 2 anni fa .

Ho provato ad aggiungere segnaposto simile a quello dato per ContactNumber per la mia discesa outlet , ma non sembra.

Codice-

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

Ho provato ad aggiungere in first_as_label "Preferred outlet?"modo che questo venga visualizzato come valori a discesa normali.

Riposare tutti i campi mostrano il segnaposto, un altro modo per dare il segnaposto per il menu a discesa?

plugin-contact-form-7

— Sandesh Sanjuktha
fonte

1

È possibile utilizzare l'opzione segnaposto nei seguenti tipi di tag del modulo: testo, e-mail, url, tel, textarea, numero, intervallo, data e captchar. segnaposto cf7

— Reigel

quindi per il menu a discesa non abbiamo altra scelta?

— Sanjuktha sandesh,

2

per rispondere alla domanda: questo non è possibile.

AFAIK, (HTMLwise) non c'è modo di aggiungere un segnaposto per selezionare i tag.

Molti sviluppatori che conosco, tuttavia, tendono ad usare la disabled selectedcombinazione per l'opzione ...

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

dimostrazione

Ho controllato il codice sorgente di CF7 (versione 4.3.1), e non c'è modo semplice per ottenere questo formato html.

Puoi andare nel modo più duro rimuovendo l' wpcf7_add_shortcode_selectazione wpcf7_inite aggiungendo invece il tuo.

— Reigel
fonte

2

Questa risposta dovrebbe davvero essere rimossa, accettata o meno è errata, e non è come se fosse una risposta molto vecchia, è stata fornita lo stesso giorno di quella corretta.

— Rick Calder

78

Contrariamente a quanto suggerisce la risposta accettata, in realtà è possibile e integrata nel Modulo di contatto 7. Ecco l'attuale elenco delle opzioni [select]detiene . Praticamente definiresti la prima opzione come segnaposto usando first_as_label:

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

Sebbene tradizionalmente non assomigli a un segnaposto, se è richiesto l'utente non sarà in grado di selezionare il segnaposto e inviare il modulo, ciò costringe l'utente a selezionare una delle altre opzioni.

— Howdy_McGee
fonte

Grazie per l'aiuto. Ho già provato, first_as_labelma come hai detto, non sembrava simile ad altri valori segnaposto.

— Sanjuktha sandesh,

4

Questa è una soluzione decente. E funziona correttamente: il modulo non viene inviato se si tenta di utilizzare la prima opzione. Per formattare la prima opzione, basta selezionare la casella di selezione (ad es .wpcf7 select[name="menu-70"] { color:#aaa; }. Quindi è possibile rendere le opzioni più scure mirando alle opzioni (ad es .wpcf7 select[name="menu-70"] option { color:#333; }. La prima opzione è evidenziata sul fuoco, quindi a meno che non si desideri cambiare questa parte, la soluzione funziona alla grande.

— Rob Myrick,

Non sono del tutto sicuro del motivo per cui qualcuno vorrebbe che un'opzione selezionata sembrasse un segnaposto, a meno che non mi manchi qualcosa di semplice: selezionare un'opzione, è ciò che la maggior parte delle persone si aspetta di vedere. Grazie mille per avermi salvato dalla lettura della documentazione!

— Rick Calder,