HTML 5新增表单元素(案例详解)

●datalist

datalist元素定义输入框的选项列表，选项列表是通过该元素内的option元素进行创建的。
该元素与input元素配合使用，来定义input可能的值。
要把这个datalist元素定义的选项列表绑定到输入框，将input元素的list属性的值设置为datalist元素的id属性值。

●output

output元素用于不同类型的输出，例如，计算结果或者脚本的其他结果。
output元素必须写在表单内部，或者说为其添加form属性。
output元素的值一般由js来控制

            

                你的身高：
                
            
            

                你的体重：
                
            
            
            

        

js部分

●Keygen

用于表单的密钥生成器字段，作用是提供一种验证用户的可靠方法。
keygen元素在跟随表单提交时会自动生成两个密钥：私密钥（储存在本地）和公密钥（发送到服务器中，用于验证客户端）
keygen的属性：
属性                  值                       说明
challenge          challenge          如果使用，则将Keygen的值设置为在提交时会给出提示
disabled          disabled               禁用Keygen字段
form                formname              定义该字段所属的一个或多个表单
keytype            rsa                     定义生成密钥的算法
name              fieldname            定义Keygen元素的唯一名称，用于在提交表单时获得字段的值。
autofocus          autofocus          使 keygen 字段在页面加载时获得焦点

加密： 

●optgroup

optgruop元素在html4已经存在，在HTML5进行了拓展。
该元素定义选项组，使用该元素允许用户组合选项。当使用一个长的选项列表式，对相关的选项进行组合会使处理更加容易。
optgroup元素将select元素中的选项进行逻辑分类，在select元素中直接定义，不允许嵌套，既不能进行第二次分组。
optgroup元素的属性：
disabled：加载时禁用该选项组
label: 用来定义分组显示的标签名

  
        
            音乐
            电器
        
        
            0-50
            51-80
        
        
            中国
            美国