Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
 
 
 
 

README.md

formanizr (beta)

Small HTML/CSS framework to create nice cross-browser webforms.

Stylish flexible and fluid HTML/CSS3 forms

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

See it in action (DEMO)

Please check the formanizr website for demos and introductions in german language.

Features

  • fluid & responsive form-grid
  • pure HTML/CSS - no graphics (optional icons), no JavaScript
  • themeable - formanizr included 2 themes
  • valid HTML5 markup

Initialize

<form class="formanizr">
    <!-- form content -->
</form>

Options

There are several options you can set on the initialized formanizr-container or directly on a specific element (label, row, ...). All optional classes will prefixed with fzr_.

  • Theme (fzr_theme-dark)
  • Font size (fzr_tiny, fzr_normal (default) oder fzr_big)
  • Position of legend inside a fieldset (fzr_legend-inside)
  • Position of label (fzr_right and/or fzr_label-top)
  • Font weight for label(s) (fzr_label-bold)
<!-- initialize with options -->
<section class="formanizr fzr_tiny fzr_label-bold fzr_legend-inside fzr_theme-dark">
    <!-- form content -->
</section>

About

Small HTML/CSS framework to create cross-browser webforms.

Resources

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.