HTML5中表单验证的好处

HTML5中表单验证有如下好处：

1、可判断用户是否已填写表单中的必填项目。

2、可判断用户输入的邮件地址是否合法。

3、可判断用户是否已输入合法的日期。

4、可判断用户是否在数据域(numeric field)中输入了文本。

表单验证通常采用策略模式的思想，把一个个验证规则封装成一个函数，比如非空规则、最大长度规则等，不同的输入框选择某一个或者某几个规则进行验证。

扩展资料：

HTML表单一直都是Web的核心技术之一，有了它才能在Web上进行各种各样的应用。HTML5 Forms新增了许多新控件及其API，方便做更复杂的应用，而不用借助其它Javascript框架。

表单有以下几个基本知识点：

1、表单仍是以<form>元素作为容器，可在其中设置基本的提交特性。

2、当用户提交页面时，表单仍然向服务器发送表单控件的值。

3、之前老版本中的表单控件，如text radio checkbox等等，都可以按原有方式使用，尽管增加了新的功能。

4、仍然可以使用javascript *** 作表单控件。

用于表单的密钥对生成器字段

不同类型的输出，比如脚本的输出。

新增表单属性：

autocomplete 自动完成

novalidate不验证数据

formaction 用于描述表单提交的URL地址，会覆盖

元素中的action属性.

formenctype 表单提交到服务器的数据编码 (只对form表单中 method="post" 表单)

formmethod 表单提交方式，会覆盖 的method 属性。

formnovalidate 表单提交无需被验证，会覆盖 元素的novalidate属性.

formtarget 表单提交数据接收后，怎么的展示。

list 表示input输入域的 datalist（datalist 是输入域的选项列表）

min max step ** 用来给input 类型为数字或日期的添加限定约束的

multiple 多种多样表示 元素中可选择多个值。

pattern 正则表达式用于验证 元素的值。

placeholder 占位提供一种提示（hint），描述输入域所期待的值。

required 被要求的，必须的， 规定必须在提交之前填写输入域（不能为空）。

step 步伐、一步、步长，规定输入域合法的数字间隔