Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

04 CSS para formulários complexos

Olá, boa tarde.

Tenho uma duvida da diferença em que a ordem que as coisas são dispostas em um código muda o resultado. Por exemplo:

<label for="radio-email"><input type="radio" name="contato" value="radio-email">Email<label>

Para

<label for="radio-email">Email<label>
<input type="radio" name="contato" value="radio-email">

Na pagina visivelmente da diferença, mas porque? E como faz sentido uma tag de informação dento da parte de conteúdo de uma tag de conteúdo? Se é que essa pergunta faz sentido kkkk

1 resposta
solução!

Oi Arthur, tudo bem?

Sua pergunta faz todo sentido! A ordem em que os elementos são dispostos no código pode sim afetar o resultado visual da página. No caso específico que você mencionou, a diferença entre os dois códigos está na ordem em que as tags estão dispostas. No primeiro exemplo, a tag <label> envolve tanto o input quanto o texto "Email", enquanto no segundo exemplo, a tag <label> envolve apenas o texto "Email" e o input fica em uma tag separada.

Isso acontece porque a tag <label> é uma tag de conteúdo, ou seja, ela é utilizada para inserir conteúdo na página, enquanto o input é uma tag de informação, utilizada para coletar informações do usuário. Quando a tag de conteúdo envolve a tag de informação, ela se torna responsável por exibir o conteúdo e o input fica "escondido" dentro dela. Já quando a tag de informação está em uma tag separada, ela é exibida de forma independente.

Espero ter ajudado e bons estudos!

Um abraço.