[发明专利]基于蒙版的web表单设计方法

权利要求书

1.基于蒙版的web表单设计方法，设计界面包括控件选择界面、属性编辑界面和表单预览界面，其特征在于，步骤包括：

1)构建表单所需控件的控件库，并将控件按照列表的格式配置在所述控件选择界面上；

2)构建与所述控件各自对应的属性列表，并将属性列表配置在所述属性编辑界面上；

3)构建表单预览界面，表单预览界面按照当前设计表单的内容做展现；

4)构建位于表单预览界面区域上方的蒙版，通过蒙版拦截对表单预览界面的鼠标及键盘操作；

5)当鼠标点击所述表单预览界面时，鼠标事件会在蒙版上触发，蒙版捕获鼠标事件时，根据鼠标的位置匹配出该位置所在的控件，从而将该控件设置为选中状态，并且在属性编辑界面显示该控件的属性值；

6)当控件属性或者表单属性发生改变后，在所述表单预览界面显示修改完后即显示最新样式的效果。

2.根据权利要求1所述的基于蒙版的web表单设计方法，其特征在于，所述蒙版的透明度为80～99％。

3.根据权利要求1所述的基于蒙版的web表单设计方法，其特征在于，如果鼠标位置未匹配出对应的控件时，则在属性编辑界面显示表单的属性值。

4.根据权利要求1所述的基于蒙版的web表单设计方法，其特征在于，控件的背景颜色设置深色以达到选中的视觉效果。