Responsive web Framework


Forms structures

Forms are usually accompanied with validate.js.


(minimum width: 480px)


The forms (or forms) have a minimum of modifications in order to make their use simple. Once again unnecessary margins have been suppressed.
It is important to note that we have left the <button&/>, <input type="submit"&/> y <input type="button"&/> are an additional subject in this document.

>form/< >fieldset/< >input/< >textarea/< >select/<
Ejemplificación de código


Directly belonging to this category there are only two modifiers to be applied.

It offers a shorter version of the element. Useful for capturing small values (keys, quantities, etc.)
It offers a more extensive version of the element. Useful for maintaining a visual symmetry of the elements.

Although this topic will be discussed later, fields can be used in conjunction with column properties ( .col ). To define lengths according to the desired grid.
Other options are to use the modifiers indicated in the layout section: Other modifiers.

As is the case of the attribute .set-fullw Which converts the field to full size.

See it! icon execute code


Buttons are treated as separate items because they contain special features.
A distinction is made between three types Of buttons in order to provide flexibility in the handling of information or its alteration in the subsequent modification by another style sheet, Such as the use of the .button class that shares properties with those of the corresponding type.

Identified by tag button.
<:input type="button"/>
input element with attribute button.
Any element, usually a link