¿Cómo agregar marcador de posición para el formulario de contacto7 para el menú desplegable? [cerrado]

16

Intenté agregar un marcador de posición similar al dado para ContactNumber para mi Outlet desplegable, pero no 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 esto se muestre como valores desplegables normales.

El resto de los campos muestran el marcador de posición, ¿hay alguna otra forma de dar un marcador de posición para el menú desplegable?

plugin-contact-form-7 Sanjuktha sandesh
fuente
1
Puede usar la opción de marcador de posición en los siguientes tipos de etiquetas de formulario: texto, correo electrónico, url, tel, área de texto, número, rango, fecha y captchar. marcador de posición cf7
Reigel
así que para desplegable no tenemos otra opción?
Sanjuktha sandesh

Respuestas:

2

para responder la pregunta: esto no es posible.

AFAIK, (HTMLwise) no hay forma de agregar un marcador de posición para seleccionar etiquetas.

Sin embargo, muchos desarrolladores que conozco tienden a usar la disabled selectedcombinación para 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>

manifestación

He comprobado el código fuente de CF7 (versión 4.3.1), y no hay una manera fácil de lograr este formato html.

Puede ir por el camino difícil quitando la wpcf7_add_shortcode_selectacción wpcf7_inity agregando la suya en su lugar.

Reigel
fuente
2
Esta respuesta realmente debería eliminarse, aceptarse o no, es incorrecta, y no es que sea una respuesta muy antigua, se suministró el mismo día que la correcta.
Rick Calder
78

Contrariamente a lo que sugiere que la respuesta aceptada, lo que realmente es posible y se instalan en Formulario de contacto 7. Aquí está la actual lista de opciones [select]sostiene . Más o menos definirías la primera opción para ser el marcador de posición usando first_as_label:

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

Si bien tradicionalmente no se verá como un marcador de posición, si es necesario, el usuario no podrá seleccionar el marcador de posición y enviar el formulario; esto obliga al usuario a seleccionar cualquiera de las otras opciones.

Howdy_McGee
fuente
Gracias por la help.i bastante bueno first_as_label, pero como usted ha dicho que no se veía similar a otros valores de marcador de posición.
Sanjuktha sandesh
44
Esta es una solución decente. Y funciona correctamente - la forma no envía si se intenta utilizar la primera opción. Para dar formato a la primera opción, simplemente apuntar el cuadro de selección (es decir .wpcf7 select[name="menu-70"] { color:#aaa; }. A continuación, puede hacer que el más oscuro opciones atacando las opciones (es decir .wpcf7 select[name="menu-70"] option { color:#333; }. La primera opción es highighted de enfoque, así que a menos que desee cambiar esta parte, la solución funciona muy bien.
Rob Myrick
No estoy completamente seguro de por qué alguien querría que una opción de selección parezca un marcador de posición a menos que me falte algo simple: seleccionar una opción, es lo que la mayoría de la gente espera ver. ¡Muchas gracias por salvarme de revisar la documentación yo mismo!
Rick Calder