HTML5 新的表单元素

HTML5 新的表单元素

先说一下新增了哪些：

HTML5 有以下新的表单元素:

注意:不是所有的浏览器都支持HTML5 新的表单元素，但是你可以在使用它们，即使浏览器不支持表单属性，仍然可以显示为常规的表单元素。

接下来我们一个一个来介绍：

HTML5

使用 元素的列表属性与

    

  
    
 
注意: Internet Explorer 9（更早IE版本），Safari不支持 datalist 标签。
  

HTML5 元素

元素的作用是提供一种验证用户的可靠方法。

标签规定用于表单的密钥对生成器字段。

当提交表单时，会生成两个键，一个是私钥，一个公钥。

私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。

    

  
 用户名:  加密:   
 
注意: Internet Explorer 不支持 keygen 标签。
  

属性 值 描述

autofocus disabled 使 keygen 字段在页面加载时获得焦点。

challenge challenge 如果使用，则将 keygen 的值设置为在提交时询问。

disabled disabled 禁用 keytag 字段。

form formname 定义该 keygen 字段所属的一个或多个表单。

keytype rsa 定义 keytype。rsa 生成 RSA 密钥。

name fieldname 定义 keygen 元素的唯一名称。

name 属性用于在提交表单时搜集字段的值。

HTML5

元素

元素用于不同类型的输出，比如计算或脚本输出：

    

  
0 100 + =
 
 
注意: Internet Explorer 不支持 output 标签。
  

new : HTML5 中的新属性。

属性 值 描述

for element_id 定义输出域相关的一个或多个元素。

form form_id 定义输入字段所属的一个或多个表单。

name name 定义对象的唯一名称。（表单提交时使用）