Como adicionar espaço reservado para o formulário de contato7 para o menu suspenso? [fechadas]

9

Eu tentei adicionar um marcador de posição semelhante ao fornecido para ContactNumber para o meu drop-down 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?" , então isso é exibido como valores suspensos comuns.

Resto de todos os campos mostram o espaço reservado, qualquer outra maneira de dar espaço para drop-down?

    
por Sanjuktha sandesh 06.01.2016 / 05:51

2 respostas

5

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 eu conheço tendem a usar a combinação disabled selected 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>

demo

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

Você pode seguir o caminho difícil removendo wpcf7_add_shortcode_select action em wpcf7_init e adicionar o seu em vez disso.

    
por Reigel 06.01.2016 / 07:18
52

Ao contrário do que a resposta aceita sugere, na verdade é possível e incorporado no Formulário de Contato 7. Aqui está o lista de opções [select] detém . Praticamente 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 não seja tradicionalmente um espaço reservado, se for 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.

    
por Howdy_McGee 06.01.2016 / 16:36