[发明专利]一种基于HTML5的在线表单设计系统

摘要

本发明公开了一种基于HTML5的在线表单设计系统，包括：利用HTML5画布技术生成控件的控件生成模块和布局模块，布局模块包括利用停放列表布局方式设置多个外层控件的外层控件布局子模块和在多个外层控件内利用表格布局方式设置表格布局子控件的表格布局子模块。本发明充分利用HTML5在多浏览器上的兼容性来生成控件，一套设计，可运行在Android、iOS两个安装有兼容HTML5的浏览器的移动终端上。此外，针对移动端的特点，采用停放列表与表格布局相结合的方式，能满足移动终端屏幕自动适应的需求，便于快速且灵活的进行移动端的表单设计与控件布局。

主权项

1.一种基于HTML5的在线表单设计系统，其特征在于，包括：控件生成模块，用于利用HTML5画布技术生成控件；布局模块，连接于所述控件生成模块，包括：外层控件布局子模块，用于利用停放列表布局方式设置多个外层控件；表格布局子模块，连接于所述外层控件布局子模块，用于在所述多个外层控件内利用表格布局方式设置表格布局子控件；所述外层控件布局子模块包括判断单元、停放布局单元以及列表布局单元，其中，所述判断单元用于遍历所述多个外层控件，判断所述多个外层控件是否具有停放属性，当所述外层控件具有所述停放属性时，利用所述停放布局单元来设置所述外层控件的位置和尺寸，当遍历完所有所述多个外层控件后，利用所述列表布局单元来设置不具有所述停放属性的所述外层控件的位置和尺寸；利用所述表格布局方式在所述外层控件内设置所述表格布局子控件时，所述外层控件具有多个单元格，每个单元格内有且只有一个所述表格布局子控件，所述表格布局子模块包括：设置单元，用于根据所述外层控件的表格布局属性来设置行高数组和列高数组，其中，所述表格布局属性包括行样式属性、列样式属性、子控件样式属性；以及布局单元，用于根据所述行高数组、所述列高数组和所述表格布局子控件的布局条件属性来设置所述表格布局子控件的位置和尺寸，所述布局条件属性包括间距参数、比率参数、锚定参数、拉伸参数。