Rotulando Campos de Formulário
Rótulos (<label>) são essenciais para vincular textos descritivos aos elementos de entrada de formulário, aumentando a acessibilidade e a facilidade de uso. É fundamental que o atributo for da tag <label> corresponda ao atributo id do elemento input associado.
Exemplo:
<label for="username">Username:</label>
<input type="text" id="username" />
No exemplo acima:
- Ao clicar no rótulo
Username:, o campo de entrada correspondente será automaticamente selecionado; - O
labele oinputestão vinculados por meio dos atributosforeid, respectivamente; - Ambos os atributos
foreidpossuem o mesmo valor (username).
Facilitar o preenchimento do formulário adicionando rótulos aos campos de entrada do exemplo anterior.
index.html
1. Qual atributo da tag <label> é utilizado para associá-la a um elemento <input> específico em um formulário?
2. Qual atributo está faltando no elemento input que precisa ser associado ao elemento label?
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Can you show me the previous example so I can add the labels?
Which input fields do you want to add labels to?
Do you want any specific text for the labels?
Awesome!
Completion rate improved to 2.86Rotulando Campos de Formulário
Deslize para mostrar o menu
Rótulos (<label>) são essenciais para vincular textos descritivos aos elementos de entrada de formulário, aumentando a acessibilidade e a facilidade de uso. É fundamental que o atributo for da tag <label> corresponda ao atributo id do elemento input associado.
Exemplo:
<label for="username">Username:</label>
<input type="text" id="username" />
No exemplo acima:
- Ao clicar no rótulo
Username:, o campo de entrada correspondente será automaticamente selecionado; - O
labele oinputestão vinculados por meio dos atributosforeid, respectivamente; - Ambos os atributos
foreidpossuem o mesmo valor (username).
Facilitar o preenchimento do formulário adicionando rótulos aos campos de entrada do exemplo anterior.
index.html
1. Qual atributo da tag <label> é utilizado para associá-la a um elemento <input> específico em um formulário?
2. Qual atributo está faltando no elemento input que precisa ser associado ao elemento label?
Obrigado pelo seu feedback!
