Skip to content

andrefirchow/formanizr

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

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

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

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published