日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
HTML5深入淺出教學篇之七

介紹

網(wǎng)站建設(shè)公司,為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計及定制網(wǎng)站建設(shè)服務(wù),專注于企業(yè)網(wǎng)站設(shè)計,高端網(wǎng)頁制作,對格柵板等多個行業(yè)擁有豐富的網(wǎng)站建設(shè)經(jīng)驗的網(wǎng)站建設(shè)公司。專業(yè)網(wǎng)站設(shè)計,網(wǎng)站優(yōu)化推廣哪家好,專業(yè)成都網(wǎng)站營銷優(yōu)化,H5建站,響應(yīng)式網(wǎng)站。

HTML 5: 表單元素

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

表單驗證

示例

1、form - 表單element/form/form.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     form 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.      
    9.   
  
  
  9.          
    10.   
  
  
  10.          
    11.   
  
  
  11.      
    12.   
  
  
  12.  
    13.   
  
  
  13.  
    14.

2、label - 關(guān)聯(lián)其它元素element/form/label.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     label 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.      
    9.   
  
  
  9.      
    10.   
  
  
  10.      
    11.   
  
  
  11.     checkbox title 
    12.   
  
  
  12.      
    13.   
  
  
  13.  
    14.   
  
  
  14.  
    15.

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

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     button 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.        
    8.   
  
  
  8.     button 
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.

4、select - 下拉列表框元素, option - 選項, optgroup - 選項組element/form/select_option_optgroup.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     select option optgroup 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.      
    9.   
  
  
  9.      
    10.   
  
  
  10.         aaa 
    11.   
  
  
  11.         bbb  
    12.   
  
  
  12.         ccc 
    13.   
  
  
  13.         ddd 
    14.   
  
  
  14.         eee  
    15.   
  
  
  15.      
    16.   
  
  
  16.      
    17.   
  
  
  17.  
    18.   
  
  
  18.  
    19.

#p#

5、datalist - 數(shù)據(jù)列表元素, option - 數(shù)據(jù)項element/form/datalist_option.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     datalist option 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.      
    9.   
  
  
  9.      
    10.   
  
  
  10.          
    11.   
  
  
  11.          
    12.   
  
  
  12.          
    13.   
  
  
  13.      
    14.   
  
  
  14.  
    15.   
  
  
  15.  
    16.

6、textarea - 文本區(qū)域元素element/form/textarea.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     textarea 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.      
    9.   
  
  
  9. aaabbbccc  
    10.   
  
  
  10.      
    11.   
  
  
  11.  
    12.   
  
  
  12.  
    13.

7、fieldset - 用于定義一個區(qū)域, legend - 用于定義一個區(qū)域的標題，它是 fieldset 的第一個子元素 element/form/fieldset_legend.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     fieldset legend 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.      
    9.   
  
  
  9.          
    10.   
  
  
  10.             
    11.   
  
  
  11.                  title  
    12.   
  
  
  12.              
    13.   
  
  
  13.          
    14.   
  
  
  14.         
     
    15.   
  
  
  15.             p1  
    16.   
  
  
  16.         
     
    17.   
  
  
  17.         
     
    18.   
  
  
  18.             p2  
    19.   
  
  
  19.         
     
    20.   
  
  
  20.         
     
    21.   
  
  
  21.             p3  
    22.   
  
  
  22.         
     
    23.   
  
  
  23.      
    24.   
  
  
  24.  
    25.   
  
  
  25.  
    26.

8、progress - 進度元素 element/form/progress.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     progress 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.      
    9.   
  
  
  9.      
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.

#p#

9、meter - 用來表示一個范圍已知且可度量的值 element/form/meter.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     meter 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.           
    8.   
  
  
  8.     血糖含量： 
    9.   
  
  
  9.      
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.   
  
  
  12.  
    13.

10、keygen - 呈現(xiàn)出一個鍵值對生成器，提交表單后，公鑰發(fā)往服務(wù)端，私鑰保存在客戶端element/form/keygen.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     keygen 
    5.   
  
  
  5.  
    6.   
  
  
  6.       
    7.   
  
  
  7.      
    8.   
  
  
  8.      
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.

11、output - 用于呈現(xiàn)計算結(jié)果element/form/output.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     output 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.           
    8.   
  
  
  8.      
    9.   
  
  
  9.      
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.

12、表單驗證element/form/_validate.html

 
 
 
    
  
  
  
  1.  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.     表單驗證 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.      
    8.   
  
  
  8.      
    9.   
  
  
  9.          
    10.   
  
  
  10.          
    11.   
  
  
  11.          
    12.   
  
  
  12.          
    13.   
  
  
  13.          
    14.   
  
  
  14.      
    15.   
  
  
  15.      
    16.   
  
  
  16.  
    17.   
  
  
  17.  
    18.

[源碼下載]

原文鏈接：http://www.cnblogs.com/webabcd/archive/2012/02/08/2342275.html


標題名稱：HTML5深入淺出教學篇之七
鏈接URL：http://www.dlmjj.cn/article/djppscs.html