### [Como adicionar texto descritivo abaixo de caixas de seleção e campos de múltipla escolha](https://wpforms.com/developers/how-to-add-descriptive-text-under-checkbox-and-multiple-choice/)

**Publicado:** 20 de fevereiro de 2024
**Autor:** Equipe Editorial

**Trecho:** Neste artigo, vamos mostrar como adicionar texto descritivo abaixo dos campos de caixa de seleção e múltipla escolha.

**Conteúdo:**

Gostaria de adicionar texto descritivo abaixo dos rótulos dos campos de **caixa de seleção** e **múltipla escolha**? Neste tutorial, vamos usar um pouco de HTML básico para mostrar como isso pode ser feito facilmente em apenas algumas etapas simples.

Por padrão, muitos rótulos de campo do WPForms aceitam tags HTML padrão como `br` (criar uma nova linha), `i` (itálico) e `b` (texto em negrito); no entanto, esteja ciente de que nem **todos** os campos aceitarão essas tags e nem todas as tags HTML serão aceitas. Lembre-se de testar cada um dos seus formulários minuciosamente para garantir que suas alterações apareçam exatamente como você espera. Para obter mais informações sobre a definição de elementos HTML, [consulte a documentação da Mozilla sobre o assunto](https://developer.mozilla.org/en-US/docs/Web/HTML/Element "Referência de elementos HTML").

## Criando o formulário

Começaremos criando nosso formulário e adicionando nossos campos, que incluirão pelo menos uma **caixa de seleção** e uma **opção de múltipla escolha**.

Se precisar de ajuda para criar um formulário, [consulte este guia útil](https://wpforms.com/docs/creating-first-form/ "Criando seu primeiro formulário").

![Comece criando seu formulário e adicionando seus campos](https://wpforms.com/wp-content/uploads/2024/02/wpforms-descriptive-text.jpg)

## Adicionando o texto descritivo

Depois de adicionar seus campos **Caixa de seleção** e **Múltipla escolha**, em cada rótulo, você começará adicionando uma tag ``. Essa é uma tag HTML padrão que criará uma nova linha abaixo do rótulo original.

Em seguida, vamos fazer com que o texto descritivo abaixo do campo **Escolha múltipla** fique em negrito e, abaixo dos rótulos **Caixa de seleção**, vamos colocar esse texto em itálico.

Para fazer isso, vamos usar o código HTML padrão para negrito, envolvendo nosso texto descritivo em uma tag HTML ``.

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

- `Produto A  Este é um texto descritivo para o Produto A`
- `Produto B  Este é um texto descritivo para o Produto B`
- `Produto C  Este é um texto descritivo para o Produto C`

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

- `Pacote A  Este é um texto descritivo para o Pacote A`
- `Pacote B  Este é um texto descritivo para o Pacote B`
- `Pacote C  Este é um texto descritivo para o Pacote C`

![adicione HTML aos rótulos dos campos de caixa de seleção e múltipla escolha](https://wpforms.com/wp-content/uploads/2024/02/wpforms-add-html-to-label.jpg)

Ao adicionar este HTML aos seus rótulos, você verá agora um texto descritivo abaixo dos rótulos desses campos.

![agora você verá o texto descritivo abaixo dos rótulos da sua caixa de seleção e dos campos de múltipla escolha](https://wpforms.com/wp-content/uploads/2024/02/wpforms-descriptive-text-showing.jpg)

Você gostaria de personalizar também as cores da **caixa de seleção** e dos **campos de múltipla escolha**? Dê uma olhada em nosso artigo sobre [Como personalizar os estilos do campo de caixa de seleção](https://wpforms.com/developers/how-to-customize-the-checkbox-field-styles/ "Como personalizar os estilos do campo de caixa de seleção").

**Categorias:** Campos

**Tags:** CSS, campos

---