Hace casi 1 año que Rob Sandy publicó la versión 0.5 de 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í.
1 comentarios, 2 referencias
+
#