千呼万唤 HTML 5 (7) - 表单元素

Send_linux

介绍
HTML 5: 表单元素

表单元素 - form, label, button, select, option, optgroup, datalist, textarea, fieldset, legend, progress, meter, keygen, output

表单验证

示例
1、form - 表单
element/form/form.html



    form


   
   
   
     
         
         
     
   

2、label - 关联其它元素
element/form/label.html



    label


   
   
   
     checkbox title
   
   

   
     
    checkbox title
   
     
        var lbl = document.getElementById("lbl");
        alert(document.getElementById("lbl").htmlFor);
        alert(document.getElementById("lbl").control.outerHTML);
     

3、button - 按钮元素
element/form/button.html



    button


   
   
      
    button
   

4、select - 下拉列表框元素, option - 选项, optgroup - 选项组
element/form/select_option_optgroup.html



    select option optgroup


   
   
     
         
         
         
         
         
     
   
     
        aaa
        bbb  
        ccc
        ddd
        eee  
     
   
     
         
            aaa
            bbb  
         
         
            ccc
            ddd  
         
         
            eee
            fff  
         
     

5、datalist - 数据列表元素, option - 数据项
element/form/datalist_option.html

本文来自ChinaUnix文档频道，如果查看原文请点：http://doc.chinaunix.net/web/201208/2325451.shtml