度量快速开发平台-专业、快速的软件定制快开平台

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 部件 流程 SQL
查看: 439|回复: 3

利用CSS进行表单样式定义

[复制链接]

78

主题

634

帖子

1598

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1598
发表于 2018-4-17 09:25:09 | 显示全部楼层 |阅读模式
我们在表单使用过程中,常常需要控制表单样式,如表单控件长度,显示样式,提醒背景色,甚至整个表单的字体和统一样式等。


界面1.png

这些其实都可以通过CSS来实现,使我们的表单看起来更漂亮,
1、利用DIV控制输入控件长度:
    如上图,表单姓名和出生日期字段看起来长短不一,并且太长,不美观,我们可以通过DIV的CSS样式进行调整。

界面2.png

上面的样式,我们可以通过在字段上加入DIV标签,并且设置DIV的样式,如长度150px,显示方式为同一行显示display: inline;
界面3.png

这样就实现了控件统一长度的效果;

2、控制字段标题文本统一长度及右对齐:
上图中,实际上,标题文本长度不一样,导致了控件不对齐,如果要向右对齐标题,并且让标题统一长度,我们也可以通过如上方式来实现:
界面5.png


3、更多变的样式设置:
下图中,我们首先设置了个整体的DIV,用来控制整体字体颜色和字体,然后,设置了控件样式和控件前面的标题样式,具体设置如下图:
界面7.png

显示效果如图:

界面6.png

总结:
   利用DIV和CSS可以设置很多显示效果,我在这儿只是抛砖引玉,希望大家利用CSS设计出更多的漂亮界面。
DIV样式网上有很多参考资料,如:
http://www.cnblogs.com/chuncn/archive/2008/09/28/1301647.html



回复

使用道具 举报

78

主题

634

帖子

1598

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1598
 楼主| 发表于 2018-4-17 09:27:47 | 显示全部楼层
快速开发平台表单工作流优势在于表单可以自定义样式,可以通过HTML和CSS定义自己想要的格式。
回复 支持 反对

使用道具 举报

197

主题

1307

帖子

3568

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
3568
发表于 2018-4-17 16:41:23 | 显示全部楼层
我看有二次开发用户做的用文档显示部件或文档编辑部件实现的增删改查,做得很漂亮。就跟网站一样呢。
回复 支持 反对

使用道具 举报

348

主题

3590

帖子

8884

积分

论坛元老

Rank: 8Rank: 8

积分
8884
发表于 2018-4-17 17:20:21 | 显示全部楼层
王爱东 发表于 2015-11-17 16:41
我看有二次开发用户做的用文档显示部件或文档编辑部件实现的增删改查,做得很漂亮。就跟网站一样呢。

截图来看看
若現在就覺得失望無力,未來那麽遠妳該怎麽扛...
————————————————————————致自己
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|重庆度量科技  本站关键词:快速开发平台

GMT+8, 2018-12-11 02:22 , Processed in 0.256516 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表