Uni-Form demo

So what is this?

Uni-Form is an attempt to standardize form markup (xhtml) and css, "modularize" it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.

Form styles

Choose between most common form layouts by simply assigning a css class to the fieldset element in order to get a different layout of the form controls your design requires.

Usage

Plug and play style. Download uni-form.zip (v1.3; 68KB) and you're pretty much all set! It is encouraged to edit css properties only in the uni-form.css file, so you can easily upgrade to the newer versions as they come along by copying over the old copy of uni-form-generic.css.

Also make sure to check out the community, official documentation and resources for various extensions and help. Enjoy your Uni-Form!

Looks like everything went OK! Yay!

Required fields (using .inlineLabels)

* Indicates a required field

* Email address

Note: Your email is your username. Use a valid email address.

* Choose Password

* Re-enter password

* First Name

* Last Name

* Date of Birth

Month Day Year

Don't lie!

* Phone Number

Country Area Phone number

Description of your error

* Skills and interests

Enter your skills and interests by terms separated with commas (E.g. computers, GTD, running). Will be presented on your profile as a tag cloud.

* Screen Name

Used on the the messageboard.

* Upload Picture

Your image will be resized to 80 × 80 pixels.

* Display options

Display my email Display my image

Optional fields ( using .blockLabels)

Date of Birth

Month Day Year

Don't lie!

Description of your error

Country

State / Province

Address

E.g.: La Messa Drive 1234

City

Zip/Postal code

Telephone

Without the area code

Cellphone

Gender

Female Male

About yourself

Tell us something about yourself in 300 words or less.

Send me your news and information (a.k.a. junk)

* I have read and agree to your privacy policy