怎样写网络小说,如何发布网络小说

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案

HTML5深入淺出教學(xué)篇之七

介紹

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

HTML 5: 表單元素

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

表單驗(yàn)證

示例

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

2、label - 關(guān)聯(lián)其它元素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

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

 
 
 
  
  
     
  
     
  
     
  
      select option optgroup   
  
     
  
     
  
         
  
         
  
         
  
          aaa   
  
          bbb    
  
          ccc   
  
          ddd   
  
          eee

#p#

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

 
 
 
  
  
     
  
     
  
     
  
      datalist option

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

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

 
 
 
  
  
     
  
     
  
     
  
      fieldset legend   
  
     
  
     
  
         
  
         
  
             
  
                 
  
                   title    
  
                 
  
             
  
             
  
              p1    
  
          
   
  
             
  
              p2    
  
          
   
  
             
  
              p3

8、progress - 進(jìn)度元素 element/form/progress.html

 
 
 
  
  
     
  
     
  
     
  
      progress   
  
     
  
     
  
         
  
         
  
         
  
          var progressBar = document.getElementById('progress');    
  
          progressBar.value = 10;

#p#

9、meter - 用來(lái)表示一個(gè)范圍已知且可度量的值 element/form/meter.html

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

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

 
 
 
  
  
     
  
     
  
     
  
      output   
  
     
  
     
  
              
  
         
  
         
  
          document.getElementById("output").value = 10 * 10;

12、表單驗(yàn)證element/form/_validate.html

 
 
 
  
  
     
  
     
  
     
  
      表單驗(yàn)證   
  
     
  
     
  
         
  
         
  
             
  
             
  
             
  
             
  
             
  
         
  
         
  
          function validateEmail() {    
  
              var email = document.getElementById("email");    
  
              var validityState = email.validity;    
  
              alert    
  
              (    
  
                  validityState.valid + "\n" +    
  
                  validityState.valueMissing + "\n" +    
  
                  validityState.typeMismatch + "\n" +    
  
                  validityState.patternMismatch + "\n" +    
  
                  validityState.tooLong + "\n" +    
  
                  validityState.rangeUnderflow + "\n" +    
  
                  validityState.rangeOverflow + "\n" +    
  
                  validityState.stepMismatch + "\n" +    
  
                  validityState.customError    
  
              );    
  
          }

[源碼下載]

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

當(dāng)前名稱：HTML5深入淺出教學(xué)篇之七
標(biāo)題鏈接：http://fisionsoft.com.cn/article/djppscs.html

新聞中心

其他資訊