Observe o exemplo abaixo:
<html>
Veja o resultado:<head>
<title>Formulário de Login</title>
</head><body>
</html><h1>Formulário de Login</h1>
<form method="post" action="efetuar-login.php">
<input type="submit" value="Efetuar Login" />
<input type="reset" value="Cancelar" /></form>
</body><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" />
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" />
Leia mais:
- Entenda pra que serve a Tag <label>;
- Veja agora como Adicionar Áreas de Texto em Seus Formulários HTML;
- Aprenda a Adicionar Botões de Rádio em seus Formulários HTML;
- Quer ir mais longe? Leia Introdução ao PHP;
- Não sabe nada de HTML? Comece com Introdução ao HTML;
Ótimo, simples e direto com fotos de como ficou após uso do html...
ResponderExcluirOi, Denecir.
ResponderExcluirNão entendi como o componente Fieldset ficou com bordas arredondadas, e o componente legend com a cor azul.
Estou usando o Firefox.
Att.,
Rebeca
Oi Rebeca,
ResponderExcluirEu 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!
MUITO BOM VALEU
ResponderExcluir