Rain CSS

设置css2样式的表单

该部分样例来自blueprint框架,并且扩展了其他的常用css对象.input元素的width可以使用class w-数值.

Web Form with CSS2

This part forms example from blueprint framwork,and extend it with other useful css objects.The input width can use class w-nember.

表单 Forms

表单示例 Sample Form





This is a <div> with the class .error. Link.
This is a <div> with the class .notice. Link.
This is a <div> with the class .info. Link.
This is a <div> with the class .success. Link.
下拉框,多选框,列表 Select, checkboxes, lists




Radio one
Radio two
Radio three


Check one
Check two
Check three

对齐方式一 Alignment One

对齐方式二 Alignment Two

表单状态 Form states

表单任意尺寸 Form free sizes

使用css3的表单

这部分使用css3来增强表单效果

Web Form with CSS3

This part forms use css3 to enhance effect

Forms

Sample Form





This is a <div> with the class .error. Link.
This is a <div> with the class .notice. Link.
This is a <div> with the class .info. Link.
This is a <div> with the class .success. Link.
Select, checkboxes, lists





Radio one
Radio two
Radio three


Check one
Check two
Check three

Alignment

Alignment Two

Form States

Form free sizes