Crea tu web, tutor html, css

Ejemplos de campos agrupados

Un ejemplo de formulario donde se usan campos agrupados, algo bastante útil si quieres tomar información sobre algo con varios apartados, por ejemplo:
<form action="demo.php" method="post">
<fieldset>
<legend>Cliente:</legend>
Nombre:     <input name="nombre" type="text"><br>
Apellido 1º: <input name="apel1" type="text"><br>
Apellido 2º: <input name="apel2" type="text">
</fieldset>
<input type="submit" name="submit" id="submit" value="Enviar">
</form>

Este código crea este formulario

Cliente: Nombre:     
Apellido 1º:
Apellido 2º:

Los datos quedan agrupados en el recuadro con nombre Cliente, omo ves es algo visual para remarcar que los dats están relacionados entre sí. Visualmente forma un elemento tipo bloque rodeado por un borde. Las etiquetas claves son legend, para darle un nombre al grupo y fieldset que conforma el grupo propiamente dicho.