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í.
Ésto es un ejemplo. Puedes editarlo, usando tu información.