Por que a classe checkbox fica no label, e não no input? Assim:
<label class="checkbox"><input type="checkbox">Gostaria de receber nossas novidades por email?</label>Todas as outras classes criadas ficam no input .
<label for="nomesobrenome">Nome e sobrenome:</label>
<input type="text" id="nomesobrenome" class="input-padrao">
<label for="email">E-mail:</label>
<input type="text" id="email" class="input-padrao">
<label for="telefone">Telefone:</label>
<input type="text" id="telefone" class="input-padrao">
<label for="mensagem">Mensagem:</label>
<textarea cols="70" rows="10" id="mensagem" class="input-padrao"></textarea>Eu experimentei colocar a classe "checkbox" no input do checkbox, e não deu certo. Assim:
<label><input type="checkbox" class="checkbox">Gostaria de receber nossas novidades por email?</label>Também tentei renomear a classe checkbox, e novamente não funcionou. Ao colocar novamente no label, funciona. CSS do checkbox:
.checkbox {
padding: 20px 0px;
}Então, retomo a pergunta: Por que a classe tem que ficar no label, no caso da checkbox? E é algo exclusivo do tipo checkbox? Nos outros casos, a classe fica no input?
