Gostaria de adicionar texto descritivo por baixo das etiquetas dos campos Caixa de verificação e Escolha múltipla? Neste tutorial, vamos usar um pouco de HTML básico para mostrar como isso pode ser feito facilmente em apenas alguns passos simples.
Por padrão, muitos rótulos de campo do WPForms aceitarão tags HTML padrão como br (criar uma nova linha), i (itálico), e b (texto a negrito), mas tenha em atenção que não todos aceitarão estas etiquetas e nem todas as etiquetas HTML serão aceites. Não se esqueça de testar cuidadosamente cada um dos seus formulários para se certificar de que as suas alterações aparecem exatamente como espera. Para mais informações sobre a definição de elementos HTML, consulte a documentação do Mozilla sobre este assunto.
Criar o formulário
Começaremos por criar o nosso formulário e adicionar os nossos campos que incluirão, pelo menos, uma caixa de verificação e um campo de escolha múltipla.
Se precisar de ajuda para criar um formulário, consulte este guia útil.
Adicionar o texto descritivo
Depois de ter adicionado o seu Caixa de verificação e Escolha múltipla em cada etiqueta, vai começar por adicionar um <br> tag. Esta é uma etiqueta HTML padrão que criará uma nova linha sob a etiqueta original.
Em seguida, vamos tornar o texto descritivo por baixo do campo de Escolha múltipla em texto a negrito e, por baixo das etiquetas da Caixa de verificação, vamos tornar este texto em itálico.
Para o fazer, vamos utilizar o código HTML padrão para negrito, envolvendo o nosso texto descritivo num <b> Etiqueta HTML.
Para as etiquetas de escolha múltipla, cada etiqueta será criada adicionando este texto no campo da etiqueta.
Product A <br><b>This is some descriptive text for Product A</b>Product B <br><b>This is some descriptive text for Product B</b>Product C <br><b>This is some descriptive text for Product C</b>
Para as etiquetas da caixa de verificação, cada etiqueta será criada adicionando este texto no campo da etiqueta.
Package A <br><b>This is some descriptive text for Package A</b>Package B <br><b>This is some descriptive text for Package B</b>Package C <br><b>This is some descriptive text for Package C</b>
Ao adicionar este HTML às suas etiquetas, verá agora um texto descritivo sob as suas etiquetas para estes campos.
Gostaria de personalizar também as cores da Caixa de verificação e da Escolha múltipla? Dê uma vista de olhos no nosso artigo sobre Como personalizar os estilos de campo da caixa de verificação.