Tag legend

A tag legend define uma legenda para o agrupamento de campos de um formulário HTML, criado com a tag fieldset.

Se forem aplicados à tag legend quaisquer estilos CSS de posicionamento (float, position etc.), seu conteúdo sairá da moldura e se posicionará no local desejado (não haverá mais quebra na moldura).

Exemplo

Vamos dividir o formulário em dois blocos lógicos usando duas tags fieldset, e criar legendas para os blocos usando a tag legend:

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