¿Cómo agregar un marcador de posición para el formulario de contacto 7 para el menú desplegable?

Question

¿Cómo agregar un marcador de posición para el formulario de contacto 7 para el menú desplegable?

- 18
- 112756 2016-01-06
Intenté agregar unmarcador deposición similar alproporcionadopara ContactNumber parami Outlet desplegableperono aparece.

Código-

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

Intenté agregar first_as_label "Preferred outlet?"para que semuestre como valores desplegablesnormales.

El resto detodos los camposmuestranelmarcador deposición,¿alguna otraforma de dar unmarcador deposiciónparaelmenú desplegable?
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

- Puede utilizar la opción demarcador deposiciónen los siguientestipos deetiquetas deformulario:texto,correoelectrónico,url,teléfono,área detexto,número,rango,fecha y captchar.[marcador deposición 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
- ¿Entoncesparaelmenú desplegablenotenemos otra opción?
  
  so for drop down we don't have any other choice?
  - 0
  - 2016-01-06
  - Sanjuktha sandesh

2 respuestas

votos

- 100
- 2016-01-06
Al contrario de lo que sugiere la respuesta aceptada,en realidadesposible yestáintegradoen el Formulario de contacto 7. Aquíestáel lista de opciones [select] contiene .Básicamente,definiría laprimera opciónpara que seaelmarcador deposición usando first_as_label:

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

Aunquetradicionalmenteno se verá como unmarcador deposición,siesnecesario,el usuarionopodrá seleccionarelmarcador deposición yenviarelformulario;esto obliga al usuario a seleccionar cualquiera de las otras opciones.
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.
- Graciaspor la ayuda. Yaprobé `first_as_label`pero como dijisteno se veía similar a otros valores demarcador deposición.
  
  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
- Estaes una solución decente.Yfunciona correctamente:elformulariono seenvía siintenta utilizar laprimera opción.Paraformatear laprimera opción,simplemente apunte al cuadro de selección (es decir,`.wpcf7 select [name="menu-70 "] {color: #aaa;}`. Luego,puede oscurecer las opciones apuntando a las opciones (es decir,`.wpcf7 seleccione la opción [name="menu-70"] {color: # 333;} `. Laprimera opciónestá resaltadaen elfoco,así que amenos que desee cambiarestaparte,la soluciónfuncionamuybien.
  
  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
- Noestoy deltodo seguro depor qué alguien querría que una opción seleccionada se vea como unmarcador deposición amenos queme estéperdiendo algo simple,seleccionar una opción,es lo que lamayoría de lagente espera ver.¡Muchasgraciasporevitar que revise la documentación yomismo!
  
  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

para responder a lapregunta:estonoesposible.

AFAIK,(HTMLwise)no hayforma de agregar unmarcador deposiciónpara seleccionaretiquetas.

Sinembargo,muchos desarrolladores que conozcotienden a usar la combinación disabled selectedpara la opción ...

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

demostración

He comprobadoel códigofuente de CF7 (versión 4.3.1) yno hay unamanerafácil de lograresteformato html.

Puedetomarel camino difícileliminando la acción wpcf7_add_shortcode_selecten wpcf7_init y agregar la suyaen su lugar.

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.

Esta respuesta realmente deberíaeliminarse,aceptarse ono,esincorrecta,ynoes que sea una respuestamuy antigua,seproporcionóelmismo día que la correcta.

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