Agrupe Controles de um Formulário HTML

Para agrupar controles de um Formulário HTML, usamos as Tags <fieldset> e <legend>. A primeira, serve para fazer o agrupamento em si. Já Tag <legend>, serve para adicionar um título ao conjunto.


Observe o exemplo abaixo:
<html>
<head>
<title>Formulário de Login</title>
</head>
<body>
<h1>Formulário de Login</h1>
<form method="post" action="efetuar-login.php">
<fieldset>
<legend>Informe seu e-mail e senha</legend>
E-mail:<br />
<input type="text" name="email" />
<br /><br />
Senha:<br />
<input type="password" name="senha" />
</fieldset>
<br />
<input type="submit" value="Efetuar Login" />
<input type="reset" value="Cancelar" />
</form>
</body>
</html>
Veja o resultado:
Campos Agrupados


Leia mais:

4 comentários:

  1. Ótimo, simples e direto com fotos de como ficou após uso do html...

    ResponderExcluir
  2. Oi, Denecir.

    Não entendi como o componente Fieldset ficou com bordas arredondadas, e o componente legend com a cor azul.

    Estou usando o Firefox.

    Att.,
    Rebeca

    ResponderExcluir
  3. Oi Rebeca,

    Eu usei a formatação padrão e estou mostrando no blog o resultado da exibição no navegador Internet Explorer 7.0.

    Mas se você quiser, é possível ajustar tudo isso e muito mais com CSS.

    Dá uma olhada em:

    http://w3schools.com/css/default.asp

    e depois em:

    http://w3schools.com/css3/default.asp


    Abraço!

    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...