Quando colocamos o input dentro da label, ainda é necessário manter o id?
Por exemplo aqui:
<label for="radio-email"><input type="radio" name="contato" value="email" id="radio-email">E-mail</label>
Inicialmente havíamos declarado o input fora da label e depois movemos para dentro. Nesse caso faz diferença manter o id ou fica redundante?
Abs.
Olá, Adriana.
Tudo bem?
Melhor deixar o Id sim, se você testar sem o Id, você vai ver que vai precisar clicar sempre na bolinha para acionar o input radio, já com o Id ele sabe que mesmo clicando no texto da label ele tem que acionar.
Testa ai sem o Id, clica no texto da label e me fala depois, qualquer dúvida manda aqui :)
Valeu Adriana!
Oi Renan, obrigada pela explicação! Testei aqui e é isso mesmo :)
Mas aí me surgiu uma outra dúvida no input checkbox abaixo:
<label class="checkbox"><input type="checkbox" checked> Gostaria de receber nossas novidades por e-mail?</label>
Nesse input checkbox que está declarado dentro da label, ele funciona tanto clicando no quadradinho quanto no texto da label, mesmo sem ter um Id relacionando os dois. Essa diferença é por conta do type? Para type="radio" precisa de id, mas para type="checkbox" não?
Abs.