H5就是html5。
html5是由万维网联盟于2014年10月29日宣布的HTML最新修订版本,html5目的是取代1999年所制定的HTML 4.01和XHTML 1.0标准。
html5新引进的语法特征能够在移动设备上支持多媒体,能更好的适应移动端设备。新的解析规则增强了灵活性、新属性、淘汰过时的或冗余的属性,真正地改变了用户与文档的交互方式。
扩展资料:
HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进,虽然技术人员在开发过程中可能不会将这些新技术投入应用,但是对于该种技术的新特性,网站开发技术人员是必须要有所了解的。
HTML5将web带入一个成熟的应用平台,在这个平台上,视频、音频、图像、动画以及与设备的交互都是标准化的。表单是用户与页面背景交互的主要部分。HTML5在表单设计中更强大,输入类型和属性的多样性大大地增强了HTML可以表达的表单形式。
html5有一些新的表单标记,需要JavaScript的控件可以通过HTML5表单直接实现。利用HTML5智能表单属性标签还可以实现内容提示、焦点处理、数据验证等功能。
参考资料:百度百科-html5
1、飞书:
飞书是字节跳动于2016年自研的新一代一站式协作平台,是保障字节跳动全球五万人高效协作的办公工具。飞书将即时沟通、日历、云文档、云盘和工作台深度整合,通过开放兼容的平台,让成员在一处即可实现高效的沟通和流畅的协作,全方位提升企业效率。
2、SpreadJS:
是一款基于 HTML5 的纯前端表格控件,兼容 450 种以上的 Excel 公式,具备“高性能、跨平台、与 Excel 高度兼容”的产品特性。
SpreadJS 可为用户带来亲切、易用的使用体验,并满足 Web Excel组件开发、 表格文档协同编辑、 数据填报、 类Excel报表设计等业务场景。
3、石墨文档:
石墨文档是中国一款支持云端实时协作的企业办公服务软件,可以实现多人同时在同一文档及表格上进行编辑和实时讨论,同步响应速度达到毫秒级。
文档/表格实时保存在云端,即写即存。在编辑过程中,文档页面上方会实时提示文档的状态,包括正在保存、保存成功和最后更新时间。
4、腾讯文档:
腾讯文档是一款可多人同时编辑的在线文档,支持在线Word/Excel/PPT/PDF/收集表多种类型。可以在电脑端、移动端、iPad等多类型设备上随时随地查看和修改文档。打开网页就能查看和编辑,云端实时保存,权限安全可控。
5、超级表格:
超级表格是一款基于云端的数据协作表格软件,给用户提供数据收集与报表,共享协作的解决方案。服务对象包括电商、教育机构、政府、连锁店和各种销售、服务业公司。超级表格还给银行、电信、烟草等大型机构提供私有云部署解决方案。
多人查看/修改同一表格。可设置让他人只看到/修改部分的行、列和单元格。支持通过手机表单收集数据。可自行创建多个表格关联后当作OA
在HTML5中内置了很多表单的验证规则,这些验证规则会根据用户在input元素中输入的内容返回一个布尔值来告诉我们表单验证的状态。下面我们就来列举一些我们比较常用的内置验证规则吧:ValueMising规则
示例:<input type="text" required value="" >
目的:确保表单控件(input元素在页面中是以一个控件的形式呈现的)中的值已填写。
用法:在表单控件中将required属性设置为true。因为required属性的默认值为true所以如示例中所示:在input元素中接添加required属性也是可以的。
详细说明:如果表单控件设置了required特性,那么在用户填写或者通过代码调用方式填值之前,控件会一直处于无效状态。例如,在示例中我们设置该控件的值为空,空的文本输入框无法通过必填检查,除非在其中输入任意文本。输入值为空时,valueMissing会返回true。表示没有通过验证。
typeMismatch规则
示例:<input type=“url” value=“miaomiaoxue”/ >
目的:保证控件值与预期类型相匹配(如numbe、email、URL等)。
用法: 指定表单控件的type特性值为numbe、email、URL等规定文本输入规则的类型。
详细说明: 特殊的表单控件类型不只是用来定制手机键盘,如果浏览器能够识别出来表单控件中的输入不符合对应的类型规则,比如email地址中没有@符号,或者number型控件的输入值不是有效的数字,示例中URL型的空间不是一个标准的链接格式。那么浏览器就会把这个控件标记出来以提示类型不匹配。无论哪种出错情况,typeMismatch将返回true。表示没有通过验证。
patternMismatch规则
示例:<input type="text" pattern=“/^[A-z]+$/" value=“1234“/>
目的:根据表单控件上设置的格式规则验证输入的文本是否为有效格式
用法:在表单控件上设置pattern特性,井赋予适当的匹配规则。
详细说明:pattern特性向开发人员提供了一种强大而灵活的方式来为表单的控件值设定正则表达式验证机制。当为控件设置了pattern特性后,只要输入控件的值不符合模式规则,如示例中设定的正则表达式规则该控件的值含有字母和$符号,这里设置的值为1234,不符合规则设定,因此patternMismatch就会返回true值。从引导用户和技术参考两方面考虑,
你应该在包含pattern特性的表单控件中设置title特性以说明规则的作用。
tooLong规则
示例:<input type=“text” maxlength=“3” value=“hello“/ >
目的:避免输入值包含过多字符。
用法:在表单控件上设置maxLength特性。
详细说明:如果输入值的长度超过maxLength,示例中最大限制设置为3,但值为hello, *** 过了3个字符的限制,tooLong规则就会返回true。虽然表单控件通常会在用户输入时限制最大长度,但在有些情况下,如通过程序设置,还是会超出最大值。
rangeUnderflow规则
示例:<input type=“text” min=“3” max=“5” value=“0" />
目的:限制数值型控件的最小值。
用法:为表单控件设置min属性,并赋予允许的最小值。
详细说明:在需要做数值范围检查的表单控件中,数值很可能会暂时低于设置的下限,如示例中设置的值为0,而设置的min属性为3。此时,rangeUnderflow属性将返回true。
rangeOverflow规则
示例:<input type=“text” min=“3” max=“5” value=“7" />
目的:限制数值型控件的最大值。
用法:为表单控件设置max属性,并赋予允许的最大值。
详细说明:与rangeUnderflow类似,如果一个表单控件的值比max属性值更大,如示例中设置的值为7,而设置的max属性为5。此时,rangeOverflow属性将返回true。
stepMismatch规则
示例:<input type=“text” min=“0” max=“100” step=“5” value=“17" />
目的:确保输入值符合min、max及step即设置。
用法:为表单控件设置step特性,指定数值的增量。
详细说明:此约束条件用来保证数值符合min、max和step的要求。换句话说,当前值必须是最小值与step属性值的倍数之和。如示例中设置的数值范围为0到100,step特性值为5,此时就不允许出现17,而可以是“0+5*X”X为(0~20)中任意一个值皆可。否则stepMismatch返回true值。
valid规则
示例:<input type=“range” min=“5” max=“20” step=“5” value=“10" />
目的:验证表单控件是否满足所有的表单验证规则
用法:适用于所有的input表单控件。
详细说明:当该表单控件满足所有验证规则时,valid属性就是true,否则,只要有一项验证规则没通过,valid属性会返回false。如示例所示就满足所有验证条件所以valid属性会返回true。注意前面几个验证属性是没有通过的情况下返回true。推荐你去教程网站秒秒学上过一遍相关知识,希望对你有帮助。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)