Como adicionar espaço reservado para o formulário de contato7 na lista suspensa? [fechadas]

16

Tentei adicionar um espaço reservado semelhante ao fornecido para o ContactNumber no meu menu suspenso Outlet, mas ele não 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>

Tentei adicionar first_as_label "Preferred outlet?"para que isso seja exibido como valores suspensos comuns.

De resto, todos os campos mostram o espaço reservado, alguma outra maneira de dar espaço reservado para a lista suspensa?

plugin-contact-form-7 Sanjuktha sandesh
fonte
11
Você pode usar a opção de espaço reservado nos seguintes tipos de tags de formulário: texto, email, URL, tel, área de texto, número, intervalo, data e captchar. marcador de posição cf7
Reigel
então para drop-down não temos outra escolha?
Sanjuktha sandesh

Respostas:

2

para responder à pergunta: isso não é possível.

AFAIK, (HTMLwise) não há como adicionar um espaço reservado para selecionar tags.

Muitos desenvolvedores que conheço tendem a usar a disabled selectedcombinação para a opção ...

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

demonstração

Verifiquei o código-fonte do CF7 (versão 4.3.1) e não há uma maneira fácil de obter esse formato html.

Você pode seguir o caminho mais difícil removendo a wpcf7_add_shortcode_selectação wpcf7_inite adicionar a sua.

Reigel
fonte
2
Essa resposta realmente deve ser removida, aceita ou não está incorreta, e não é uma resposta muito antiga, foi fornecida no mesmo dia que a resposta correta.
Rick Calder
78

Ao contrário do que a resposta aceita sugere, ele realmente é possível e construído em Contact Form 7. Aqui está o real lista de opções [select]detém . Basicamente, você definiria a primeira opção para ser o espaço reservado usando first_as_label:

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

Embora tradicionalmente não pareça um espaço reservado, se necessário, o usuário não poderá selecionar o espaço reservado e enviar o formulário - isso força o usuário a selecionar qualquer uma das outras opções.

Howdy_McGee
fonte
Obrigado pela ajuda. Já tentei, first_as_labelmas como você disse, não parecia semelhante a outros valores de espaço reservado.
Sanjuktha sandesh
4
Esta é uma solução decente. E funciona corretamente - o formulário não é enviado se você tentar usar a primeira opção. Para formatar a primeira opção, basta direcionar a caixa de seleção (ou seja, .wpcf7 select[name="menu-70"] { color:#aaa; }então você pode tornar as opções mais escuras direcionando as opções (ou seja .wpcf7 select[name="menu-70"] option { color:#333; }. A primeira opção é destacada no foco, portanto, a menos que você queira alterar essa parte, a solução funciona muito bem).
Rob Myrick 16/09
Não sei ao certo por que alguém iria querer que uma opção de seleção parecesse um espaço reservado, a menos que eu esteja perdendo algo simples - selecione uma opção - é o que a maioria das pessoas espera ver. Muito obrigado por me impedir de consultar a documentação!
Rick Calder