首页技术文章正文

HTML5新增form属性详细讲解【web前端文章】

更新时间:2021年01月04日16时01分来源:传智教育浏览次数:

好口碑IT培训

　　在HTML5中新增了两个form属性，分别为autocomplete属性和novalidate属性，下面将对这两种属性做详细讲解。

　　1. autocomplete属性

　　autocomplete属性用于指定表单是否有自动完成功能，所谓“自动完成”是指将表单控件输入的内容记录下来，当再次输入时，会将输入的历史记录显示在一个下拉列表里，以实现自动完成输入。autocomplete属性有2个值，对它们的解释如下：

　　● on：表单有自动完成功能。

　　● off：表单无自动完成功能。

　　autocomplete属性示例代码如下：

<form id="formBox" autocomplete="on">

　　值得一提的是，autocomplete属性不仅可以用于<form>标签，还可以用于所有输入类型<input />的标签。

　　2. novalidate属性

　　novalidate属性指定在提交表单时取消对表单进行有效的检查。为表单设置该属性时，可以关闭整个表单的验证，这样可以使标签内的所有表单控件不被验证，novalidate属性的取值为它自身，示例代码如下：

<form action="form_action.asp" method="get" novalidate="novalidate">

　　上述示例代码对form标签应用“novalidate="novalidate"”属性，来取消表单验证。

猜你喜欢：

最新资讯