Com relação ao código HTML5 acima apresentado, julgue o item...

Próximas questões
Com base no mesmo assunto
Q2219403 Programação
<form>
    <fieldset>
       <legend>Login</legend>
       <p><label>Usuário <input type=”text” name=”usuario” required></label></p>
       <p><label>Senha <input type=”password” name=”senha” required></label></p>
    </fieldset>
    <p><button type=”submit”>Submeter</button></p>
</form>

Com relação ao código HTML5 acima apresentado, julgue o item.


No código HTML5 apresentado, o elemento <label> foi associado com um elemento de controle, o que não é permitido. Dessa forma, o código não será compilado corretamente.


Alternativas

Gabarito comentado

Confira o gabarito comentado por um dos nossos professores

Gabarito: Errado

A questão apresenta um trecho de código HTML5 que constrói um formulário para entrada de dados de login, incluindo campos para usuário e senha. O elemento <label> é utilizado para definir uma etiqueta para um elemento de controle de formulário, como, por exemplo, um campo de entrada de texto. Associar um <label> a um elemento de controle é uma prática recomendada em HTML5, pois melhora a acessibilidade e a usabilidade do formulário.

É particularmente importante para usuários de leitores de tela, pois permite que eles identifiquem facilmente para que serve cada campo do formulário. Além disso, clicar no texto do label também foca ou ativa o controle associado, aumentando a área clicável e melhorando a experiência de uso do formulário.

Para associar um <label> a um elemento de controle, deve-se usar o atributo for do <label>, com o valor sendo o mesmo do atributo id do elemento de controle. No entanto, mesmo que neste código o atributo for não esteja explicitamente definido, o uso de <label> é válido porque o campo de entrada (<input>) está aninhado dentro da tag <label>, o que implicitamente associa ambos.

O trecho de código fornecido compilará corretamente e funcionará como esperado. Portanto, a afirmação de que o elemento <label> foi associado incorretamente a um elemento de controle e que o código não será compilado corretamente é falsa. A alternativa correta é, de fato, Errado, pois a utilização do elemento <label> está de acordo com as especificações do HTML5 e é uma prática comum.

Clique para visualizar este gabarito

Visualize o gabarito desta questão clicando no botão abaixo

Comentários

Veja os comentários dos nossos alunos

A afirmação está incorreta.

Em HTML5, o elemento <label> é frequentemente associado a um elemento de controle, como <input>, para melhorar a acessibilidade e a usabilidade dos formulários. Associar um elemento <label> a um elemento de controle ajuda a identificar o propósito do campo de entrada e a associar o rótulo ao campo.

Iria dar erro de qualquer forma porque as aspas usadas para os atributos são incorretas (usando aspas tipográficas “ ” em vez de aspas simples " " ou duplas " ").

Clique para visualizar este comentário

Visualize os comentários desta questão clicando no botão abaixo