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:

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