RMSForms, framework CSS para formularios

Si eres desarrollador web, seguro que alguna vez has maldecido cuando te ha tocado maquetar formularios. Y es totalmente normal, a veces se convierte en un quebradero de cabeza suplicio. Robert M. Sandy Jr. ha pensado en ello y por eso a desarrollado RMSForms, un framework CSS para ayudar a dar estilo a los molestos formularios. No solo se centra en las incoherencias de los navegadores, si no también en conseguir una disposición correcta tanto visualmente como semánticamente. Así que si tienes que hacer una web con muchos formularios, puedes plantearte utilizar esta hoja de estilo de menos de 100 líneas, sin comentarios, y un tamaño de 8Kb.

Está basado en una estructura HTML muy simple:

<fieldset>
  <legend></legend>
  <ul class="form [modifier]">
    <li><label class="[label modifier]"></label><input/></li>
  </ul> 
 </fieldset>

Donde los modificadores están compuestos por 3 letras:

• H = Bloque Horizonal
• V = Bloque Vertical
• I = Inline

Y se pueden generar los siguientes:

• vvv – Vertical <li>, Vertical <label>, Vertical campos de formulario
• hvv – Horizontal <li>, Vertical <label>, Vertical campos de formulario
• hii – Horizontal <li>, Inline <label>, Inline campos de formulario
• hhh – Horizontal <li>, Horizontal <label>, Horizontal campos de formulario
• vii – Vertical <li>, Inline <label>, Inline campos de formulario
• vhh – Vertical <li>, Horizontal <label>, Horizontal campos de formulario

Si queréis ver el resultado, aquí tenéis un ejemplo de RMSForm.