Entenda para que serve a Tag <label>

Os Rótulos servem para informar pra que serve cada campo do Formulário HTML. Já imaginou um formulário com vinte campos e sem nenhum texto (rótulo)? Dificilmente alguém entenderia alguma coisa.


Para adicionar um Rótulo ao Formulário, eu recomendo o uso da Tag <label>.

Muitos Web Designers e Web Developers não utilizam a Tag <label> pois acham que ela não serve para nada. De fato, se você digitar o texto na página sem utilizar a Tag <label>, terá (a principio) o mesmo resultado.

Agora, se você utilizar a Tag <label> juntamente com o parâmetro for, poderá fazer um vínculo entre um rótulo e um campo do formulário de forma que, ao clicar no rótulo, você terá o mesmo resultado que se clicasse no campo vinculado.

Para que o parâmetro for da Tag <label> funcione corretamente, devemos também definir o parâmetro id do controle relacionado. Veja um exemplo:
<html>
<head>
<title>Newsletter</title>
</head>
<body>
<h1>Newsletter</h1>
<form action="efetuar-login.php" method="post">
<label for="email">Digite seu e-mail:</label>
<input type="text" name="email" id="email" />
<input type="submit" value="Enviar" />
</form>
</body>
</html>
Repare que, na Tag <label>, o valor do parâmetro for é igual ao valor do parâmetro id da Tag <input>.


Veja o resultado:
Entendendo o uso da Tag <label>

Lembre-se que quando você desenvolve uma Aplicação Web, você geralmente faz para que outras pessoas usem. Esse recurso é ideal para os internautas que não possuem muita habilidade com o mouse.


Leia mais:

12 comentários:

  1. alguem me sabe dizer como fazer 1 lista em html alfabeticamente? tipo coloca-la alfabetica, sem que estar a saber o alfabeto e ter de colocar 1 a 1...queria saber qual o comando...!!

    ResponderExcluir
    Respostas
    1. Uma das formas mais comuns de fazer isto é através de script em php. Ou seja, isto indica que o processo não é estático, e sim dinâmico.
      Neste caso, tem-se um banco de dados em mysql, e uma tabela com os registros que você quer mostrar na página. Daí, os registros da tabela podem ser mostrados conforme a ordem em que estiverem ordenados na tabela. Se ordenar por ordem alfabética, virá em ordem alfabética. É mais ou menos isto. Só na prática pra entender direito.

      Excluir
  2. Alexis, Seguinte:

    Pra fazer isso, o ideal é que as informações da lista venham de um Banco de Dados. Aí, basta usar uma clausula chamada "ORDER BY".

    Ainda vou explicar como fazer isso aqui no blog. Mas estou com um problema de tempo.

    Se estiver com pressa, sugiro que leia os posts do BLOG sobre a linguagem PHP. Depois tenta da uma olhada nesse artigo:

    http://www.revistaphp.com.br/artigo.php?id=10


    Abraço!

    ResponderExcluir
  3. como facilita pra quem não tem abilidade no mouse?

    ResponderExcluir
  4. Oi Jurandir,

    Não entendi muito bem a sua pergunta.

    Você quer dizer como acessar a caixa sem precisar clicar nela ou no rótulo?

    Se for isso, você também pode acessar os controles de um formulário pressionando a tecla TAB do seu teclado. Cada vez que você aperta o TAB, ele pula de um campo para o outro.

    Se quiser submeter o formulário, pode apertar a tecla ENTER ao invés de clicar em "Enviar".

    Bom, espero ter ajudado. Qualquer coisa, posta aí!

    Abraço!

    ResponderExcluir
  5. 0 valor do parâmetro for também está igual o name do input. Só testando pra comprovar o que faz efeito... Valeu.

    ResponderExcluir
    Respostas
    1. Neste caso, o parâmetro "name" não faz diferença, mas sim o "id" da tag input. O id tem que bater com o for da tag "label".

      Abraço!

      Excluir
    2. E site bom sô, pois têm coisa que não vi ainda em outros.

      Excluir
  6. Denecir, você está de parabéns pelo seu bom desempenho nas explicações e boa vontade de ajudar os outros!
    Deus te abençoe!

    ResponderExcluir
    Respostas
    1. Obrigado Sergio, fico feliz em saber que gostam do que escrevo.

      Fica com Deus!

      Excluir
  7. é como faria para que resultados de formulários sejam enviados para o meu e-mal???

    ResponderExcluir

O que você achou do post? Faça um comentário.

Aprenda a receber dados de Formulário com PHP

Existem três arrays associativos que podemos usar para receber dados de Formulários HTML em PHP. São eles: $_GET , $_POST e $_REQUEST . O...