Caixa de seleção checkbox
A caixa de seleção checkbox representa um
elemento (marca de verificação ou tique) de formulário HTML,
que pode ter dois estados: marcado
e desmarcado.
A caixa de seleção é criada usando a tag input
com o atributo type no valor checkbox.
Aparência da caixa de seleção:
Uma checkbox marcada enviará para o servidor
o conteúdo do atributo value.
Se a checkbox não tiver o atributo value
- ela enviará a string "on". Se a checkbox
não estiver marcada - nada será enviado
para o servidor, independentemente da presença do atributo
value.
Exemplo
Vamos fazer duas caixas de seleção checkbox: deixe
a primeira marcada (por ter o atributo
checked),
e a segunda - não:
<input type="checkbox" checked> <input type="checkbox">
:
Exemplo . Checkbox desabilitado
Vamos ver uma caixa de seleção desabilitada usando
o atributo disabled.
Ao clicar nela, seu estado
não será alterado:
<input type="checkbox" disabled>
:
Exemplo . Checkbox desabilitado e marcado
Agora vamos desabilitar a caixa de seleção, no estado
marcado, com o atributo disabled e definir
seu atributo checked:
<input type="checkbox" disabled checked>
:
Veja também
-
botões de rádio,
com os quais você pode fazer uma escolha -
atributo
checked,
que marca a caixa de seleção checkbox -
pseudoclasse
checked,
que define estilos para checkboxes marcadas -
atributo
disabled,
que desabilita elementos de formulário -
tag
label,
que define uma dica para a checkbox