Javier Luna blog

Muchas veces queremos que ciertos controles de WinForms tengan su respectivo equivalente en el mundo de las aplicaciones Web.

Group box es un control que agrupa un conjunto de controles en un formulario windows.

Bien, su correspondiente para el mundo WebForm es el menos conocido elemento HTML: fieldset.

Este elemento tiene un elemento hijo, llamado: legend, para establecer la etiqueta del Group box para HTML en la parte superior izquierda.

En fin, tu codigo HTML para un formulario de ingreso de datos deberia quedar, mas o menos asi:

<fieldset>
  <legend>La descripcion de mi Group box</legend>
  <table>
    <tr>
      <td>Campo 1:</td>
      <td><asp:textbox /></td>
    </tr>
    <tr>
      <td>Campo 3:</td>
      <td><asp:dropdownlist /></td>
    </tr>
  </table>
</fieldset>

Ya sabes, luego aplica correctamente los estilos CSS para formatear los elementos de formulario en el codigo HTML.