Come aggiungere un segnaposto per il modulo di contatto7 per il menu a discesa?

Question

Come aggiungere un segnaposto per il modulo di contatto7 per il menu a discesa?

- 18
- 112756 2016-01-06
Hoprovato ad aggiungere un segnaposto simile a quellofornitoper ContactNumber perilmiomenu a discesa Outlet manon viene visualizzato.

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>

Hoprovato ad aggiungere first_as_label "Preferred outlet?"in modo che venga visualizzato comenormali valori a discesa.

Restotuttii campimostranoil segnaposto,qualsiasi altromodoperfornire un segnapostoper l'elenco a discesa?
I tried adding placeholder similar to the given for ContactNumber for my drop down Outlet but it doesn't appear.

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>

Tried adding first_as_label "Preferred outlet?" so this displays as ordinary drop down values.

Rest all of the fields do show the placeholder,any other way to give placeholder for drop down?
plugin-contact-form-7

- Èpossibile utilizzare l'opzione segnapostonei seguentitipi ditag delmodulo:testo,email,url,tel,textarea,numero,intervallo,datae captchar.[segnaposto cf7] (http://contactform7.com/setting-placeholder-text/)
  
  You can use the placeholder option in the following types of form tags: text, email, url, tel, textarea, number, range, date, and captchar. [cf7 placeholder](http://contactform7.com/setting-placeholder-text/)
  - 1
  - 2016-01-06
  - Reigel
- quindiper drop downnon abbiamo altra scelta?
  
  so for drop down we don't have any other choice?
  - 0
  - 2016-01-06
  - Sanjuktha sandesh

2 risposta

voti

- 100
- 2016-01-06
Contrariamente a quanto suggerisce la risposta accettata,in realtà èpossibilee integratonel Modulo di contatto 7. Eccoil elenco di opzioni [select] contiene .Praticamente definiresti laprima opzione come segnaposto utilizzando first_as_label:

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

Sebbenetradizionalmentenon assomigli a un segnaposto,senecessario,l'utentenon saràin grado di selezionareil segnapostoe inviareilmodulo: ciò costringe l'utente a selezionare una delle altre opzioni.
Contrary to what the accepted answer suggests, it actually is possible and built into Contact Form 7. Here's the actual list of options [select] holds. Pretty much you would define the first option to be the placeholder using first_as_label:

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

While it won't traditionally look like a placeholder, if it's required the user won't be able to select the placeholder and send the form - this forces the user to select any of the other options.
- Grazieper l'aiuto. Hogiàprovato "first_as_label"ma come hai dettonon sembrava simile ad altri valori segnaposto.
  
  Thanks for the help.i already tried `first_as_label` but as you said it didn't look similar to other placeholder values.
  - 0
  - 2016-01-07
  - Sanjuktha sandesh
- Questa è una soluzione decente.Efunziona correttamente:ilmodulonon vieneinviato seprovi a utilizzare laprima opzione.Performattare laprima opzione,basta scegliere cometarget la casella di selezione (es. `.Wpcf7 select [name="menu-70 "] {color: #aaa;}`. Quindipuoi rendere le opzionipiù scure scegliendo cometarget le opzioni (es. `.wpcf7 select [name="menu-70"] option {color: # 333;} `. Laprima opzione èevidenziatain focus,quindi ameno chetunon voglia cambiare questaparte,la soluzionefunziona allagrande.
  
  This is a decent solution. And it does work properly - the form doesn't send if you try using the first option. To format the first option, just target the select box (i.e. `.wpcf7 select[name="menu-70"] { color:#aaa; }`. Then you can make the options darker by targeting the options (i.e. `.wpcf7 select[name="menu-70"] option { color:#333; }`. The first option is highighted on focus, so unless you want to change this part, the solution works great.
  - 4
  - 2016-09-16
  - Rob Myrick
- Non sono deltutto sicuro delmotivoper cui qualcuno vorrebbe che un'opzione di selezione assomigliasse a un segnaposto ameno chenonmi manchi qualcosa di semplice - Seleziona un'opzione - è ciò che lamaggiorparte dellepersone si aspetta di vedere.Graziemilleper avermievitato di consultarepersonalmente la documentazione!
  
  I'm not entirely sure why anyone would want a select option to look like a placeholder unless I am missing something a simple --Select an option-- is what most people expect to see. Thank you very much for saving me from looking through the documentation myself!
  - 0
  - 2018-09-21
  - Rick Calder

Reigel · Accepted Answer · 2016-01-06

1

2016-01-06

per rispondere alla domanda: questonon èpossibile.

AFAIK,(HTMLwise)non c'èmodo di aggiungere un segnapostoper selezionarei tag.

Molti sviluppatori che conoscotendono a utilizzare la combinazione disabled selectedper 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>

demo

Ho controllatoil codice sorgente di CF7 (versione 4.3.1)e nonesiste unmodo sempliceper ottenere questoformato html.

Puoiprocederenelmodopiù duro rimuovendo l'azione wpcf7_add_shortcode_select su wpcf7_inite aggiungereinvece latua.

to answer the question: this is not possible.

AFAIK, (HTMLwise) there's no way to add a placeholder to select tags.

A lot of devs I know however tend to use disabled selected combination for the option...

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

demo

I have checked CF7's source code (version 4.3.1), and there's no easy way we can achieve this html format.

You can go the hard way by removing wpcf7_add_shortcode_select action on wpcf7_init and add yours instead.

fonte
Reigel

Questa risposta dovrebbe davveroessere rimossa,accettata omeno,non è correttae non è come sefosse una rispostamolto vecchia,è statafornita lo stessogiornoin cuiera quella corretta.

This answer really should be removed, accepted or not it's incorrect, and it isn't like it's a very old answer, it was supplied on the same day as the correct one was.
- 3
- 2018-09-21
- Rick Calder