Responsive web Framework

DOCUMENTATION

Forms structures

Forms are usually accompanied with validate.js.

NOT AVAILABLE FOR TINY SCREENS

(minimum width: 480px)

Forms

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

Modifiers

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

.short
It offers a shorter version of the element. Useful for capturing small values (keys, quantities, etc.)
.long
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

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.

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