<div>
<p>Como prefere o nosso contato?</p>
<label for="radio-email"> <input type="radio" value="email" name="contato" id="radio-email">Email</label>
<!- pra que value ->
<label for="radio-telefone"> <input type="radio"name="contato" id="radio-telefone"> Telefone</label>
<label for="radio-whatsapp"> <input type="radio" name="contato" id="radio-whatsapp"> Whatsapp </label>
</div>
<label class="checkbox"><input type="checkbox">Gostaria de receber nossas novidades por email?</label>
Em "como prefere nosso contato" haviamos colocado o label separado do input, conectados pelo for/id.
No caso do checkbox, colocamso o input diretamente dentro do label.
Posteriormente voltamos ao "como prefere nosso contato" e colocamos o input dentro do label. Não entendi porque tomamos essa ação, o efeito é o mesmo, não? E agora que o input está dentro do label, posso deletar o for/id ou ainda tem alguma utilidade?