Main > Contact

username is required.

password must be at least 8 characters long. It must contain at least one number, one special character, and one capital letter.

Bold fields are required.

Simple Form Example

Description

This is a demonstration of a simple form layout using CSS.

Must match the email address you just entered above.
Radio, Checkbox, and Select Examples

Description

This section show example of radio, checkbox, and select input in both horizontal and vertical layouts.

Horizontal layout is nice when only a few radio or checkboxes are needed and the labels are short. The primary benefit is screen real-estate that is saved.

Vertical layout allows for radio or checkboxes with longer labels and/or more options.

Horizontal Radio Buttons

Vertical Radio List

Use the CTRL key to select more than one.

Vertical Check List

Validation Feedback Example

Description

This section demonstrates a nice way to provide form validation feedback.

Each input and label is surrounded by a <div> tag that is used to highlight the invalid input. It provides an obvious visual clue to help identify the invalid input.

Required.

Invalid password format

Must be at least 8 characters long. It must contain at least one number, one special character, and one capital letter.
Must match the password you entered just above.
Textarea Examples

Description

This section demonstrates the use of textarea in both standard and wide formats.

Cu quo scribentur concludaturque, ut justo omnes electram est. Reque repudiandae mea ea, quot tempor perfecto duo ei. Ius exerci corpora periculis et, deseruisse eloquentiam has at. Per urbanitas rationibus ut.

Facete expetenda usu an, choro deserunt definitionem ne nec. Admodum interesset eloquentiam eu has, solet torquatos te has, mea te noster delicata efficiendi. In sed graeci euismod molestiae. Nec natum quidam deserunt ut, vis id lobortis ocurreret. Inermis denique minimum eam in. Mel inani legendos cu.

Dolores concludaturque vix at, ad offendit euripidis suscipiantur quo. Sed menandri scriptorem ei. Te mel moderatius delicatissimi, duo an munere prompta. Porro fugit nonummy eos ex.

Please limit your message to 255 characters.