请通过检索工具检索html5新增了哪些表单标签

2025-06-22 18:10:25
推荐回答(1个)
回答1:

  1. datalist标签
  datalist标签规定输入域的选项列表,列表是通过datalist内的option元素创建的。如需把datalist绑定到输入域,用输入域的list属性引用datalist的id,如下面的实例:
  网址是:


  提示:option元素永远都要设置value属性值。
2. keygen标签
  keygen标签的作用是提供一种验证用户的可靠方法。keygen标签是密钥对生成器(key-pair generator)。当提交表单时,会生成两个键,一个是私钥,一个是公钥。私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate)。如:


Username:
Encryption:


  3. output标签
  output标签用于不同类型的输出,比如计算或脚本输出,如:





 

使用output 元素的简易计算器:


 

   +
   =
  
 



二. 新增属性
  HTML5新的form 属性:autocomplete、novalidate;新的input 属性:autocomplete、autofocus、form、form overrides (formaction, formenctype,formmethod, formnovalidate, formtarget)、height、width、list、min、max、step、multiple、pattern (regexp)、placeholder和required。
1. autocomplete属性
  autocomplete属性规定form 或input 域是否应该拥有自动完成功能,适用于
标签,以及text,、search、url、telephone、email、password、datepickers、range和color类型的 标签。当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项,如:
  


 
  First name:

  Last name:

  E-mail:

  
 

 

请填写并提交此表单,然后重载页面,来查看自动完成功能是如何工作的。


 

请注意,表单的自动完成功能是打开的,而e-mail 域是关闭的。




2. autofocus属性
  autofocus属性规定在页面加载时,域自动地获得焦点,autofocus属性适用于所有标签的类型。如:
User name:
3. form属性
  form属性规定输入域所属的一个或多个表单,适用于所有 标签的类型,必须引用所属表单的id,如需引用一个以上的表单,使用空格分隔的列表。

 First name:
 

Last name:
4. form override attributes
  允许重写form元素的某些属性设定,表单重写属性有:
formaction:重写表单的action 属性
formenctype:重写表单的enctype 属性
formmethod:重写表单的method 属性
formnovalidate:重写表单的novalidate 属性
formtarget:重写表单的target 属性
  表单重写属性适用于submit和image类型的 标签。如:

 E-mail:

 

 

 


  这些属性对于创建不同的提交按钮很有帮助。
5. height和width属性
  height和width属性规定用于image类型的input标签的图像高度和宽度,height和width属性只适用于image类型的 标签。如:

6. list属性
  list属性规定输入域的datalist,datalist是输入域的选项列表。list属性适用于text、search、url、telephone、email、date pickers、number、range和color类型的 标签。
7. min、max和step属性
  min、max和step属性用于为包含数字或日期的input 类型规定限定(约束)。max属性规定输入域所允许的最大值,min属性规定输入域所允许的最小值,step属性为输入域规定合法的数字间隔。min、max和step属性适用于date pickers、number和range类型的标签。
8. multiple属性
  multiple属性规定输入域中可选择多个值,multiple 属性适用于emial和file类型的 标签。
Select images:
9. novalidate属性
  novalidate属性规定在提交表单时不应该验证form或input域,novalidate属性适用于
以及text、search、url、telephone、email、password、date pickers、range和color类型的 标签。如:

10. pattern属性
  pattern属性规定用于验证input域的模式(pattern),模式(pattern)是正则表达式。pattern属性适用于text、search、url、telephone、email以及password类型的 标签。下面的例子显示了一个只能包含三个字母的文本域(不含数字及特殊字符):
Country code:
11. placeholder属性
  placeholder属性提供一种提示(hint),描述输入域所期待的值。placeholder属性适用于text、search、url、telephone、email以及password类型的 标签。提示(hint)会在输入域为空时显示出现,会在输入域获得焦点时消失,例如:

12. required属性
  required属性规定必须在提交之前填写输入域(不能为空)。required属性适用于text、search、url、telephone、email、password、date pickers、number、checkbox、radio以及file类型的标签,如:
Name: