HTML5 学习笔记 表单属性

时间:2023-09-17 09:20
-->

HTML5新的表单属性

HTML5 的form和input 标签添加了几个新的属性

新属性

  • autocomplete
  • novalidate

input 新属性

autocomplete

autofocus

form

formaction

formenctype

formmethod

formnovalidate

formtarget

height and width

list

min and max

multiple

pattern (regexp)

placeholder

required

step

autocomplete属性

autocomplete属性规定form或input域应该拥有自动完成功能

当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项

提示:autocomplete属性有可能在form元素中是开启的,而在input元素中是关闭的。

注意:autocomplete适用于form标签,以及以下类型的input标签:text,search,url,telephone,email,password,datepickers,range 以及color

实例









novalidate属性

novalidate属性的一个boolean属性

novalidate属性规定在提交表单时不应该验证form或input域

实例

无需验证提交的表单数据









提交时,不再验证email字段,

autofocus属性

autofocus属性是一个boolean属性

autofocus属性规定在页面加载时,域自动地获得焦点

看效果:

代码:









input form属性

form属性规定输入域所属的一个或多个表单。

提示:如需引用一个以上的表单,请使用空格分隔的列表

input formaction属性

the formaction属性用于描述表单提交的URL地址

the formaction属性会覆盖

元素的action属性。

注意:The formaction属性用于type="submit"和type="image"

实例

以下htmlform表单包含了两个不同地址的提交按钮。









上面的代码在ie9下点击按钮导航到www.mareenoire.info,在ie10下导航到www.mareenoire.info

ie10下

input