Checkboxes, como dito em um tutorial anterior, são partes de aplicações que a tag imput oferece.
O que difere do tutorial anterior é que olharemos mais para o objeto dessa vez.
Os checkboxes vem para ajudar o usuário, permitindo-o escolher simultaneamente a mais de uma das opções disponibilizadas.
html<p>Escolha sua cor favorita.</p>
<p>
Azul: <input type="checkbox" name="colors" value="blue" /><br />
Amarelo: <input type="checkbox" name="colors" value="yellow" /><br />
Vermelho: <input type="checkbox" name="colors" value="red" /><br />
Verde: <input type="checkbox" name="colors" value="green" />
</p>Escolha sua cor favorita.
Azul:
Amarelo:
Vermelho:
Verde:
Checkboxes tambpem oferecem a posibilidade de já virem marcados para agilizar o trabalho dos usuários em algumas situações.
Isso é feito com a ajuda dos atributos checked , deixando o valor em sim, como abaixo
html<p>Escolha suas cores favoritas.</p>
<p>
Azul: <input type="checkbox" name="colors" value="blue" checked="yes" /><br />
Amarelo: <input type="checkbox" name="colors" value="yellow" /><br />
Vermelho: <input type="checkbox" name="colors" value="red" /><br />
Verde: <input type="checkbox" name="colors" value="green" checked="yes" />
</p>Escolha suas cores favoritas.
Azul:
Amarelo:
Vermelho:
Verde:
Você pode tentar jogar com essas aplicações um pouco. É bem simples e, como você vê, bem útil.