web-dev-qa-db-fra.com

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

J'ai essayé d'ajouter un espace réservé similaire à celui indiqué pour ContactNumber pour ma liste déroulante Outlet mais cela 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>

J'ai essayé d'ajouter first_as_label "Preferred outlet?" pour afficher les valeurs de liste déroulante ordinaires.

Reste que tous les champs affichent l’espace réservé, un autre moyen de donner un espace réservé pour le menu déroulant?

plugin-contact-form-7
14
Sanjuktha sandesh

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

À ma connaissance, (HTMLwise) il n’ya 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 combinaison disabled selected 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 pas de moyen facile d'obtenir ce format HTML.

Vous pouvez vous en sortir en supprimant l'action wpcf7_add_shortcode_select sur wpcf7_init et en ajoutant la vôtre.

2
Reigel

Contrairement à ce que la réponse acceptée suggère, il est en fait possible et intégré dans le formulaire de contact 7. Voici la liste des options réelle [select] détient . En gros, vous définiriez la première option comme espace réservé à l'aide de first_as_label:

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

Bien que cela ne ressemble généralement pas à un espace réservé, l'utilisateur ne pourra pas le sélectionner et envoyer le formulaire, le cas échéant. Cela obligera l'utilisateur à sélectionner l'une des autres options.

63
Howdy_McGee