Tag fieldset
A tag fieldset agrupa campos de um
formulário HTML.
O resultado é contornado com uma borda, e a legenda,
que é criada usando a tag legend,
interrompe essa borda, criando um efeito
único que não pode ser replicado por outros
meios (veja o exemplo).
Se forem aplicados à tag legend quaisquer
estilos CSS para posicionamento (float,
position
etc.), seu conteúdo sairá da borda
e irá para o local desejado (não haverá mais
interrupção na borda).
Exemplo
Vamos dividir o formulário em dois blocos
lógicos usando duas tags fieldset:
<form>
<fieldset>
<legend>Dados do comprador</legend>
<input type="text">
</fieldset>
<fieldset>
<legend>Dados do vendedor</legend>
<input type="text">
</fieldset>
</form>
:
Veja também
-
a propriedade
border,
que pode ser usada para definir a borda de um bloco