Atenção!

Este artigo contém código CSS e destina-se a programadores. Oferecemos este código como uma cortesia, mas não fornecemos suporte para personalizações de código ou desenvolvimento de terceiros.

Para orientação adicional, consulte o tutorial da WPBeginner sobre como adicionar CSS personalizado.

Ignorar

Como Adicionar Texto Descritivo Abaixo de Checkbox e Múltipla Escolha

Gostaria de adicionar texto descritivo abaixo dos seus rótulos de campo para os campos Checkbox e Múltipla Escolha? Neste tutorial, vamos usar HTML básico para mostrar como isto pode ser facilmente alcançado em apenas alguns passos simples.

Por defeito, muitos rótulos de campo do WPForms aceitam tags HTML padrão como br (criar nova linha), i (itálico) e b (negrito), no entanto, tenha em atenção que nem todos os campos aceitarão estas tags e nem todas as tags HTML serão aceites. Lembre-se de testar todos os seus formulários minuciosamente para garantir que as suas alterações aparecem exatamente como espera. Para mais informações sobre a definição de elementos HTML, consulte a documentação da Mozilla sobre este assunto.

Criação do formulário

Começaremos por criar o nosso formulário e adicionar os nossos campos que incluirão pelo menos um Checkbox e uma Múltipla Escolha.

Se precisar de alguma assistência sobre como criar um formulário, consulte este guia útil.

comece por criar o seu formulário e adicionar os seus campos

Adicionar o texto descritivo

Depois de adicionar os seus campos Checkbox e Múltipla Escolha, em cada rótulo, começará por adicionar uma tag <br>. Esta é uma tag HTML padrão que criará uma nova linha abaixo do rótulo original.

Em seguida, vamos tornar o texto descritivo abaixo do campo Múltipla Escolha em texto a negrito e, abaixo dos rótulos Checkbox, vamos tornar este texto em itálico.

Para fazer isto, vamos usar o código HTML padrão para negrito, envolvendo o nosso texto descritivo numa tag HTML <b>.

Para os rótulos de Múltipla Escolha, cada rótulo será criado adicionando este texto dentro do campo do rótulo.

  • Produto A <br><b>Este é algum texto descritivo para o Produto A</b>
  • Produto B <br><b>Este é algum texto descritivo para o Produto B</b>
  • Produto C <br><b>Este é algum texto descritivo para o Produto C</b>

Para os rótulos de Checkbox, cada rótulo será criado adicionando este texto dentro do campo do rótulo.

  • Pacote A <br><b>Este é algum texto descritivo para o Pacote A</b>
  • Pacote B <br><b>Este é algum texto descritivo para o Pacote B</b>
  • Pacote C <br><b>Este é algum texto descritivo para o Pacote C</b>

adicionar html aos rótulos dos campos de caixa de seleção e múltipla escolha

Ao adicionar este HTML aos seus rótulos, verá agora texto descritivo abaixo dos seus rótulos para estes campos.

agora verá o texto descritivo abaixo dos seus rótulos de Caixa de Seleção e Múltipla Escolha

Gostaria também de personalizar as cores dos campos Checkbox e Múltipla Escolha? Dê uma vista de olhos ao nosso artigo sobre Como Personalizar os Estilos do Campo Checkbox.