DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> 跟KingDZ學HTML5之十二:Form表單元素新增屬性
跟KingDZ學HTML5之十二:Form表單元素新增屬性
編輯:HTML5詳解     

這節課給大家補充一下,一些 前些課程沒有接觸的知識。

在XHTML中,表單內的從屬元素必須書寫在表單內部,但是在Html5中,可以把他們書寫在頁面上任何地方,然後給元素制定一個form屬性,屬性值為該表單單位的id,這樣就可以聲明該元素從屬於指定表單了。

這個我想對於我們來說,應該是個很新奇的玩意吧

XML/Html Code復制內容到剪貼板
  1. <!DOCTYPE Html>  
  2. <Html>  
  3.     <head>  
  4.         <meta charset="UTF-8">  
  5.         <title>form屬性</title>  
  6.     </head>  
  7.     <body>  
  8.         <form action="" id="testform">      
  9.             <input type="submit" value="提交" />  
  10.         </form>  
  11.             <input type="email" name="email"  form="textform"/>  
  12.     </body>  
  13. </Html>  

這樣做的好處是當需要給頁面中的元素添加樣式時可以更方便地添加,因為它們不是被分散在各表單之內的了。

表單重寫屬性(form override attributes)允許您重寫 form 元素的某些屬性設定。

表單重寫屬性有:

  • forMaction -          重寫表單的 action 屬性
  • formenctype -      重寫表單的 enctype 屬性
  • formmethod -      重寫表單的 method 屬性
  • formnovalidate -  重寫表單的 novalidate 屬性
  • formtarget -         重寫表單的 target 屬性

注釋:表單重寫屬性適用於以下類型的 <input> 標簽:submit 和 image。

拿第一個舉例子來說,forMaction  可以重寫,也就是說,我們在一個表單中,可以把這個表單提交到不同的頁面中去。是不是很強大啊。

XML/Html Code復制內容到剪貼板
  1. <form action="1.Html" id="testrorm">  
  2.         <input type="submit" value="提交到1" forMaction="1.Html" />  
  3.         <input type="submit" value="提交到2"  forMaction="2.Html" />  
  4.         <input type="submit" value="提交到3"  forMaction="3.Html" />  
  5.     </form>  

哈哈,太棒了,以前想都不敢想啊。

placeholder屬性 

這個就是提示文本了            <input type="text" placeholder="提示文本" />

autofocus屬性

給文本框,選擇框或按鈕控件加上該屬性。當頁面加載時,該控件自動獲取光標焦點。目前為止要做到這一點需要使用JavaScript。

autocomplete屬性

以前的課程也接觸過了 ,是一種自動完成的屬性

max/min/step屬性

min、max 和 step 屬性用於為包含數字或日期的 input 類型規定限定(約束)。

max 屬性規定輸入域所允許的最大值。

min 屬性規定輸入域所允許的最小值。

step 屬性為輸入域規定合法的數字間隔

height 和 width 屬性

height 和 width 屬性規定用於 image 類型的 input 標簽的圖像高度和寬度。

height 和 width 屬性只適用於 image 類型的 <input> 標簽。

multiple 屬性

multiple 屬性規定輸入域中可選擇多個值。

注釋:multiple 屬性適用於以下類型的 <input> 標簽:email 和 file。

這個需要配合什麼datalist 使用了

pattern 屬性

pattern 屬性規定用於驗證 input 域的模式(pattern)。 值當然是正則表達式了。

required 屬性

required 屬性規定必須在提交之前填寫輸入域(不能為空)。【傳說中的非空驗證】

 

1

 

好了,到現在位置,基本上我們對Html5已經有了一個比較深刻的了解了,哈哈,剩下的就是我們的應用喽。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved