RMSforms: Framework CSS para formularios

En el blog de Andrés Nieto descubro RMSforms, un framework CSS sencillo y escueto especializado en formularios.

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

 <li><label class="[label modifier]"></label><input/></li>
 </ul>
 ....
</fieldset>;

El framework, como casi todos los frameworks CSS, se basa en la inclusión de modificaciones en el atributo class de los elementos de nuestro formulario.

En este ejemplo, nos muestra un listado de <input /> que mediante una serie de modificadores nos permitirá estilizar nuestros formularios.

Modificadores

Al estar especializado en formularios, sus opciones son muy limitadas. Los modificadores necesarios para estructurar nuestros formularios son:

  • vvv ??? Vertical <li>, Vertical <label>, Vertical form fields
  • hvv ??? Horizontal <li>, Vertical <label>, Vertical form fields
  • hii ??? Horizontal <li>, Inline <label>, Inline form fields
  • hhh ??? Horizontal <li>, Horizontal <label>, Horizontal form fields
  • vii ??? Vertical <li>, Inline <label>, Inline form fields
  • vhh ??? Vertical <li>, Horizontal <label>, Horizontal form fields

Donde cada letra significa:

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

Podemos ver unos ejemplos directamente aquí.

Enlace

Deja un comentario