自动设置表单输入组件宽度方法、装置及系统制造方法及图纸

技术编号:32003271 阅读:27 留言:0更新日期:2022-01-22 18:19
本申请涉及表单处理技术领域,公开了一种自动设置表单输入组件宽度方法、装置及系统,该方法包括:获取目标字符占用的最大宽度W;若表单输入组件设置有预设的若干校验规则,则获取预设的若干校验规则;基于表单输入组件的校验规则,获取表单输入组件的最大可输入字符长度N;基于目标字符占用的最大宽度W和表单输入组件的最大可输入字符长度N,获取表单输入组件宽度M=N*W;基于获取的表单输入组件宽度M,更新原表单输入组件宽度,本申请具有的效果。本申请具有的效果。本申请具有的效果。

【技术实现步骤摘要】
自动设置表单输入组件宽度方法、装置及系统


[0001]本专利技术涉及表单处理
,尤其是涉及一种自动设置表单输入组件宽度方法、装置及系统。

技术介绍

[0002]表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签、表单域和表单按钮;表单标签包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮包含了提交按钮、复位按钮和一般按钮,用于将数据传送到服务器上的CGI脚本,还可以用表单按钮来控制其他定义了处理脚本的处理工作。在文本框中会设置输入组件,通过输入组件来输入文本数据。
[0003]在输入表单数据的过程中,目前的表单输入组件的填写宽度是固定的,填写不同类型的表单内容时,则要调节填写宽度,需要手动设置表单输入组件。
[0004]针对上述相关技术,专利技术人认为手动设置表单输入组件时,较为麻烦,且固定宽度的表单输入组件不能体现填写内容宽度。

技术实现思路

[0005]为了便于自动调本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种自动设置表单输入组件宽度方法,其特征在于:包括:获取目标字符占用的最大宽度W;若表单输入组件设置有预设的若干校验规则,则获取预设的若干校验规则;基于表单输入组件的校验规则,获取表单输入组件的最大可输入字符长度N;基于目标字符占用的最大宽度W和表单输入组件的最大可输入字符长度N,获取表单输入组件宽度M=N*W;基于获取的表单输入组件宽度M,更新原表单输入组件宽度。2.根据权利要求1所述的一种自动设置表单输入组件宽度方法,其特征在于:获取目标字符占用的最大宽度W的步骤包括:在表单中创建带有文本的行内块元素A;获取行内块元素A的总宽度和字符数量n;基于所述行内块元素A的总宽度和字符数量n,获取每个字符占用的最大宽度W=A/n。3.根据权利要求1所述的一种自动设置表单输入组件宽度方法,其特征在于:获取目标字符占用的最大宽度W的步骤之后还包括:若表单输入组件未设置预设的若干校验规则或表单输入组件的字符输入长度不限,则获取预设的缺省宽度值;将预设的缺省宽度值作为表单输入组件宽度M。4.根据权利要求1所述的一种自动设置表单输入组件宽度方法,其特征在于:获取若干预设的校验规则的步骤包括:通过JavaScript获取表单输入组件HTML元素的属性;根据元素属性与校验规则的映射关系获得表单输入组件的校验规则;所述元素属性与校验规则之间的映射关系包括一对一映射关系、一对多映射关系和/或多对一映射关系。5.根据权利要求1所述的一种自动设置表单输入组件宽度方法,其特征在于:获取表单输入组件的最大可输入字符长度N的步骤包括:当表单输入组件的校验规则为单个时,获取表单输入组件的最大可输入字符长度N;当表单输入组件的校验规则为多个时,获取目标字符的字符类型;基于目标字符占用的最大宽度W和目标字符的字符类型,分别获取目标字符分别与多个校验规则的匹配度;将匹配度最高的校验规则作为目标字符所对应的校验规则,获取表单输入组件的最大可输入字符长度N。6.根据权利要求5所述的一种自动设置表单输入组件宽度方法,其特征在于:所述分别获取目标字符分别与多个校验规则的匹配度的步骤还包括:获取校验规则连续N次与目标字符的匹配度;基于校...

【专利技术属性】
技术研发人员:邹长生
申请(专利权)人:北京天融信科技有限公司北京天融信软件有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1