设计规范

• 下载psd文件

开发者文档

• 更新 v1.5.0：control-label 设置默认的 line-height: 24px，去掉了 margin-bottom: 5px。
• 更新 v1.1.10：修复了在chrome下，水平表单布局可能出现布局错乱的bug。

按宽度分类

select 元素同样适用

• 示例
• 代码
• 文档

• 复制代码

按高度分类

select 元素同样适用

• 示例
• 代码
• 文档

• 复制代码

成块级

• 示例
• 代码
• 文档

• 下载psd文件
• 复制代码

不可编辑

• 示例
• 代码
• 文档

• 下载psd文件
• 复制代码

Disabled inputs

• 示例
• 代码
• 文档

• 下载psd文件
• 复制代码

带图标

• 示例
• 代码
• 文档

• 复制代码

文本字段四态

• 示例
• 代码
• 文档

• 下载psd文件
• 复制代码

Checkboxes and radios

checkbox和radio的详细文档请点 checkbox

默认状态

• 示例
• 代码

• 复制代码

内联状态

• 示例
• 代码

• 复制代码

select

详细文档点击这里 dropdown

• 示例
• 代码

Textarea

• 示例
• 代码
• 文档

• 复制代码

关联校验

• 示例
• 代码
• 文档

• 复制代码

按功能分类

搜索框

• 示例
• 代码
• 文档

• 复制代码

内联表单

• 示例
• 代码
• 文档

• 复制代码

水平表单

• 示例
• 代码
• 文档

• 复制代码

扩展表单控件

默认选项

• 示例
• 代码
• 文档

• 复制代码

联合体

• 示例
• 代码
• 文档

• 复制代码

按钮替换文本

• 示例
• 代码
• 文档

• 复制代码

搜索表单

• 示例
• 代码
• 文档

• 复制代码

所有案例

demo1

• 示例
• 代码
• 文档

• 复制代码

demo2

• 示例
• 代码
• 文档

• 复制代码