Adicione Caixas Verificação (Checkboxes) aos Formulários HTML

As Caixas de Verificação (também conhecidas como Checkboxes) são controles quadriculados que servem para que o usuário possa escolher mais de uma opção (Com Botões de Radio, podemos escolher apenas uma opção).


Para criar um Caixas de Verificação, também usamos a Tag <input>. No nosso caso, a Tag <input> deve ter seu atributo type preenchido com o valor checkbox e o parâmetro value deve ser definido obrigatoriamente já que os valores nele informado que serão enviados pelo formulário.

Vamos a um exemplo:
<html>
<head>
<title>Informe seu conhecimento em Informática</title>
</head>
<body>
<h1>Informe seu conhecimento em Informática</h1>
<form method="post" action="cadastrar-dados.php">
<input type="checkbox" name="info[]" value="win" />
Windows
<br />
<input type="checkbox" name="info[]" value="word" />
Word
<br />
<input type="checkbox" name="info[]" value="excel" />
Excel
<br />
<input type="checkbox" name="info[]" value="net" />
Internet
<br /><br />
<input type="submit" value="Enviar" />
<input type="reset" value="Cancelar" />
</form>
</body>
</html>
Repare que todas as Caixas de Verificação estão com o parâmetro name definidos como info[]. Isso quer dizer que eles fazem parte do mesmo grupo. Em breve mostrarei como o PHP e outras linguagens recebem os dados de uma Caixa de Verificação, aí você vai entender bem a necessidade de abrir e fechar colchetes ([]) no nome (name) dos checkboxes.

Já o parâmetro value serve para informar o que deve ser enviado ao servidor. Entenda que os rótulos não são enviados.

Observe o resultado:
Caixas de Verificação (Checkboxes)
Dica: Se você quiser que uma ou mais opções já apareça marcada ao carregar a página, basta adicionar o atributo checked nas Caixas de Verificação desejadas conforme abaixo:
<input type="checkbox" name="info[]" value="win" checked />


4 comentários:

  1. Olá amigo, boa tarde!

    Você consegue adicionar um checkbox destes no corpo de e-mail do microsoft outlook?

    at,

    Marcos Almeida

    ResponderExcluir
  2. Olá boa noite, amigo eu sou do blog Fazendo Uma Presença, e estava procurando isso para colocar no meu site naquela parte "Li e concordo com os termos de uso" o script de envio de arquivo eu já tenho, agora eu gostaria de embutir essa cehckbox nele, vou tentar caso eu não consiga coltarei aqui para pedir socorro, obs: faço isso na marra, não tenho nenhum curso de linguagem de programaçãp

    ResponderExcluir
  3. muito importante cara ajudou. estava a fazer uma prova

    ResponderExcluir

O que você achou do post? Faça um comentário.

Aprenda a receber dados de Formulário com PHP

Existem três arrays associativos que podemos usar para receber dados de Formulários HTML em PHP. São eles: $_GET , $_POST e $_REQUEST . O...