点击返回

当前位置:表单

Form 表单

根据整体风格,Form会做稍微一点调整,因为后台多用到表单,建议label后添加:来结束。

  1. 整体item底部间距:为了兼容布局整体间距,设置了每个表单item的底部间距覆盖为了1.5rem,label设置了加粗,并且宽度加长,可以容6个字左右

  2. 图标按钮:增加图标按钮,更加美观。

  3. 细节:可能发现并无啥感觉,其实是layui设计的好看,我在简单美化下,就感觉很自然,要的就是无感使用。

图标表单

建议尺寸 315px * 177px

图标表单

调皮的一个提示

建议尺寸 150px * 60px

图标无label表单

响应式表格

调皮的一个提示
请选择
前端工程师
Node.js工程师
PHP工程师
Java工程师
运维
视觉设计师
请选择
前端工程师
Node.js工程师
PHP工程师
Java工程师
运维
视觉设计师
请选择
前端工程师
Node.js工程师
PHP工程师
Java工程师
运维
视觉设计师
写作
阅读
代码
做梦
经理
主管
码农
端水
同意

预览下控件

辅助文字

行内表单

-

方格表单

辅助文字
请选择
北京
上海
广州
深圳
杭州