Comment ajouter un espace réservé pour le formulaire de contact7 pour la liste déroulante? [fermé]

16

J'ai essayé d'ajouter un espace réservé similaire à celui indiqué pour ContactNumber pour ma sortie déroulante, mais il n'apparaît pas.

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>

Essayé d'ajouter first_as_label "Preferred outlet?"donc cela s'affiche comme des valeurs déroulantes ordinaires.

Reste que tous les champs montrent l'espace réservé, une autre façon de donner l'espace réservé pour le menu déroulant?

plugin-contact-form-7 Sanjuktha sandesh
la source
1
Vous pouvez utiliser l'option d'espace réservé dans les types de balises de formulaire suivants: texte, e-mail, URL, tél, zone de texte, nombre, plage, date et captchar. espace réservé cf7
Reigel
donc pour le menu déroulant, nous n'avons pas d'autre choix?
Sanjuktha sandesh

Réponses:

2

pour répondre à la question: ce n'est pas possible.

AFAIK, (HTMLwise) il n'y a aucun moyen d'ajouter un espace réservé pour sélectionner des balises.

Beaucoup de développeurs que je connais ont cependant tendance à utiliser la disabled selectedcombinaison pour l'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>

démo

J'ai vérifié le code source de CF7 (version 4.3.1), et il n'y a aucun moyen facile d'atteindre ce format html.

Vous pouvez suivre la voie difficile en supprimant l' wpcf7_add_shortcode_selectaction wpcf7_initet en ajoutant la vôtre à la place.

Reigel
la source
2
Cette réponse devrait vraiment être supprimée, acceptée ou non, elle est incorrecte, et ce n'est pas comme si c'était une très vieille réponse, elle a été fournie le même jour que la bonne.
Rick Calder
78

Contrairement à ce que la réponse acceptée suggère, il est effectivement possible et intégré dans Formulaire de contact 7. Voici la réelle liste des options [select]détient . À peu près, vous définiriez la première option comme espace réservé en utilisant first_as_label:

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

Bien qu'il ne ressemble traditionnellement pas à un espace réservé, s'il est requis, l'utilisateur ne pourra pas sélectionner l'espace réservé et envoyer le formulaire - cela oblige l'utilisateur à sélectionner l'une des autres options.

Howdy_McGee
la source
Merci pour l'aide.J'ai déjà essayé, first_as_labelmais comme vous l'avez dit, cela ne ressemblait pas aux autres valeurs d'espace réservé.
Sanjuktha sandesh
4
Ceci est une solution décente. Et cela fonctionne correctement - le formulaire n'est pas envoyé si vous essayez d'utiliser la première option. Pour formater la première option, ciblez simplement la case de sélection (c'est-à-dire .wpcf7 select[name="menu-70"] { color:#aaa; }. Ensuite, vous pouvez assombrir les options en ciblant les options (c'est-à-dire que .wpcf7 select[name="menu-70"] option { color:#333; }la première option est mise en évidence sur le focus, donc à moins que vous ne vouliez changer cette partie, la solution fonctionne très bien).
Rob Myrick
Je ne sais pas vraiment pourquoi quelqu'un voudrait qu'une option de sélection ressemble à un espace réservé à moins que je manque quelque chose de simple - Sélectionnez une option - c'est ce que la plupart des gens s'attendent à voir. Merci beaucoup de m'avoir empêché de parcourir la documentation moi-même!
Rick Calder