Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Rotulando Campos de Formulário | Tabelas e Formulários
Quizzes & Challenges
Quizzes
Challenges
/
Fundamentos de HTML

bookRotulando 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 label e o input estão vinculados por meio dos atributos for e id, respectivamente;
  • Ambos os atributos for e id possuem o mesmo valor (username).

Facilitar o preenchimento do formulário adicionando rótulos aos campos de entrada do exemplo anterior.

index.html

index.html

copy

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?

question mark

Qual atributo da tag <label> é utilizado para associá-la a um elemento <input> específico em um formulário?

Select the correct answer

question mark

Qual atributo está faltando no elemento input que precisa ser associado ao elemento label?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 6

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 2.86

bookRotulando 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 label e o input estão vinculados por meio dos atributos for e id, respectivamente;
  • Ambos os atributos for e id possuem o mesmo valor (username).

Facilitar o preenchimento do formulário adicionando rótulos aos campos de entrada do exemplo anterior.

index.html

index.html

copy

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?

question mark

Qual atributo da tag <label> é utilizado para associá-la a um elemento <input> específico em um formulário?

Select the correct answer

question mark

Qual atributo está faltando no elemento input que precisa ser associado ao elemento label?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 4. Capítulo 6
some-alt