tag javascript

| | | | | | | | | | | | | | | | | |

A tag de rótulo HTML é usada para definir uma legenda para um elemento em um formulário HTML. Eles são acessíveis com a tag e estão vinculados a um módulo web específico. Quando clicados, eles permitem que o usuário interaja com um formulário.

Ao criar formulários HTML, você pode optar por adicionar uma legenda aos campos de um formulário. Por exemplo, você pode querer um campo de formulário que exija que o nome de um cliente tenha a legenda Nome:.

É aqui que o HTML A tag é usada para definir uma legenda para um elemento de controle de formulário em um formulário HTML. Cada rótulo está associado a um elemento específico em um formulário.

Este tutorial explicará, referindo-se a exemplos, como usar a tag de rótulo HTML para adicionar um rótulo a um formulário. Ao final da leitura deste tutorial, você será um especialista na criação de rótulos de formulário usando HTML.

Rótulo HTML

A tag adiciona um `rótulo para um elemento de formulário específico em um formulário. Cada etiqueta de etiqueta está associada a um elemento de formulário através do atributo HTML for.

Há várias razões pelas quais você deve usar a etiqueta que é importante. Primeiro, o rótulo é associado a um campo de formulário específico em uma página da web. Isso significa que, se um leitor de tela encontrar o campo de formulário, o conteúdo do rótulo especificado será lido para o usuário. Isso, por sua vez, torna seu site mais acessível.

Além disso, quando uma tag é associada a um campo de formulário, o usuário pode clicar no texto dentro do rótulo para ativar o módulo. Isso torna mais fácil para o usuário começar a interagir com um campo de formulário porque ele não precisa clicar no item diretamente.

Por exemplo, se você tiver um elemento de caixa de seleção desmarcado, o usuário precisará clicar diretamente dentro da caixa de seleção para ativar o elemento., se você tiver especificado uma tag , o usuário também poderá clicar na tag para ativar a caixa de seleção.

Sintaxe da tag HTML

A sintaxe da tag HTML é:

O atributo for permite que um rótulo seja associado a um determinado elemento. O valor do atributo for deve ser o mesmo que o atributo de entrada id usado por um elemento .

Você também pode inserir um campo em um rótulo para vincular o formulário de entrada ao rótulo, em vez de usar o atributo para . A sintaxe para isso é:

A tag HTML suporta todos os atributos globais em HTML. Além disso, a tag é compatível com todos os principais navegadores.

Exemplos de rótulos HTML

Suponha que você crie um campo de formulário da Web que exija um usuário para o endereço de e-mail.

Queremos que o campo do formulário apareça com a legenda Qual é o seu endereço de e-mail? Existem duas abordagens que podemos usar para fazer isso: use o para o atributo ou use um rótulo aninhado.

para o atributo

Poderíamos usar o seguinte código para adicionar essa tag a um campo de entrada usando o atributo for:

Nosso código retorna o seguinte:


Vamos detalhar nosso código.

Na primeira linha, usamos um para adicionar a etiqueta Qual é o seu endereço de e-mail ? ao nosso formulário web. Especificamos o atributo para e atribuímos a ele o valor email_address, que vincula o rótulo ao nosso campo de formulário com o id email_address .

No final da linha, usamos uma tag
para inserir uma linha horizontal em branco em nosso código.

Na linha a seguir, criamos um campo de entrada de texto usando a tag . Este campo de entrada tem o identificador email_address , que usamos para vincular o campo de entrada a uma tag.

Tag aninhada

Alternativamente, podemos usar um aninhada em uma tag para criar nosso rótulo. Aqui está o código que usaríamos para criar um rótulo aninhado para nosso formulário da web acima:

Nosso código retorna:

Nosso formulário é visualmente igual ao nosso primeiro exemplo. No entanto, neste exemplo, não estamos usando o atributo for para vincular nosso rótulo ao nosso formulário. Em vez disso, colocamos nossa tag dentro de uma tag , que vincula as duas tags HTML.

HTML Label Accessibility

Existem algumas notas de acessibilidade que você deve ter em mente ao criar um rótulo usando a .

Primeiro, os cabeçalhos não devem ser colocados dentro uma tag . Isso ocorre porque os elementos de cabeçalho nas tags podem interferir nas tecnologias de leitura de tela e outras ferramentas usadas para promover a acessibilidade na web. Portanto, se você deseja adicionar um cabeçalho a um rótulo de formulário, deve fazê-lo fora de qualquer tag .

Segundo, você não deve colocar nenhum botão ou links dentro de uma tag . Isso ocorre porque os elementos interativos em uma tag podem ser confusos para o usuário entender como o formulário da web funciona. Se um botão estiver disponível em um , por exemplo, o usuário pode achar que precisa clicar no botão para interagir com o formulário da web.

Conclusão

A tag HTML é usada para criar rótulos de formulário. Esses rótulos são vinculados a um formulário da Web específico e, quando clicados, permitem que o usuário interaja com um formulário.

Este tutorial mostrou, por meio de exemplos, como usar o HTML para adicionar rótulos a um elemento de formulário, bem como os problemas de acessibilidade associados à tag . Agora você tem o conhecimento para começar a trabalhar com HTML tags como um profissional!