首页技术文章正文

HTML5新增form属性有哪些功能?具体应该怎样操作?

更新时间:2021-01-04 来源:黑马程序员 浏览量:

1577370495235_学IT就到黑马程序员.gif

  在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"”属性,来取消表单验证。




猜你喜欢:

HTML5的浏览器支持概况【web前端培训】

Web前端开发培训之HTML5新手入门指南

CSS3颜色不透明度的设置方法【web前端】

黑马程序员web前端培训课程 

分享到:
在线咨询 我要报名
和我们在线交谈!