上一章節(jié)和大家說了關(guān)于*表格標(biāo)簽 今天為大家介紹的是form表單標(biāo)簽，我們很多的表單都是通過這個(gè)來做的喲！

**form表單標(biāo)簽
---------------------------------------------------------
 1. <form></form> --表單標(biāo)簽
  form標(biāo)簽常用屬性：
   *action屬性:提交的目標(biāo)地址(URL)
   *method屬性:提交方式:get(默認(rèn))和post
    get方式是URL地址欄可見,長度受限制(IE2k 火狐8k),相對不安全.
    post方式是URL地址不可見,長度不受限制,相對安全.
   enctype:提交類型
   target: 在何處打開目標(biāo) URL。
   name:屬性為表單起個(gè)名字.HTML5不支持。用 id 代替。
 
 2. <input> 表單項(xiàng)標(biāo)簽input定義輸入字段，用戶可在其中輸入數(shù)據(jù)。在 HTML 5 中，type 屬性有很多新的值。
  具體在下面有詳解：
  如：<input type="text" name="username">
  
 3. <select> 標(biāo)簽創(chuàng)建下拉列表。
  *name屬性:定義名稱,用于存儲(chǔ)下拉值的
   size：定義菜單中可見項(xiàng)目的數(shù)目，html5不支持
   disabled 當(dāng)該屬性為 true 時(shí)，會(huì)禁用該菜單。
   multiple 多選
   *<option>  下拉選擇項(xiàng)標(biāo)簽,用于嵌入到<select>標(biāo)簽中使用的;
   *value屬性:下拉項(xiàng)的值
   *selected屬性:默認(rèn)下拉指定項(xiàng). 
 
 4. *<textarea> 多行的文本輸入?yún)^(qū)域
   *name :定義名稱,用于存儲(chǔ)文本區(qū)域中的值。
   *cols ：規(guī)定文本區(qū)內(nèi)可見的列數(shù)。
   *rows ：規(guī)定文本區(qū)內(nèi)可見的行數(shù)。
   disabled： 是否禁用
   readonly： 只讀
   ...
 
 5. *<button> 標(biāo)簽定義按鈕。
  您可以在 button 元素中放置內(nèi)容，比如文檔或圖像。這是該元素與由 input 元素創(chuàng)建的按鈕的不同之處。
  
 
 6. <fieldset> html5標(biāo)簽--fieldset 元素可將表單內(nèi)的相關(guān)元素分組。
  disabled屬性：定義 fieldset 是否可見。
  form屬性： 定義該 fieldset 所屬的一個(gè)或多個(gè)表單。

 7. <legend> html5標(biāo)簽--<legend> 標(biāo)簽為 <fieldset>、<figure> 以及 <details> 元素定義標(biāo)題。
   <form>
     <fieldset>
    <legend>健康信息：</legend>
    身高：<input type="text" /><br/>
    體重：<input type="text" /><br/>
     </fieldset>
   </form>
   
  8. <optgroup> html5標(biāo)簽--<optgroup> 標(biāo)簽定義選項(xiàng)組。此元素允許您組合選項(xiàng)
  樣例：
   <select>
     <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
     </optgroup>
     <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
     </optgroup>
   </select>
   
 9. <datalist> html5標(biāo)簽--<datalist> 標(biāo)簽定義可選數(shù)據(jù)的列表。與 input 元素配合使用，就可以制作出輸入值的下拉列表。
   樣例：
    <form action="demo_form.php" method="get">
     <input list="browsers" name="browser">
     <datalist id="browsers">
      <option value="Internet Explorer">
      <option value="Firefox">
      <option value="Chrome">
      <option value="Opera">
      <option value="Safari">
     </datalist>
     <input type="submit">
    </form>
 
 10. **<input/>  表單項(xiàng)中的屬性，可以提供
     *type屬性:表示表單項(xiàng)的類型:值如下:
    text:單行文本框
    password:密碼輸入框
    checkbox:多選框 注意要提供value值
    radio:單選框   注意要提供value值
    file:文件上傳選擇框
    button:普通按鈕
    submit:提交按鈕
    image:圖片提交按鈕
    reset:重置按鈕, 還原到開始(第一次打開時(shí))的效果
    hidden:表單隱藏域,主要是和表單一塊提交的信息,但是不需要用戶修改
   *name屬性:表單項(xiàng)名,用于存儲(chǔ)內(nèi)容值的
   *value屬性:輸入的值(默認(rèn)指定值)
   size屬性:輸入框的寬度值
   maxlength屬性:輸入框的輸入內(nèi)容的最大長度
   readonly屬性:對輸入框只讀屬性
   *disabled屬性:禁用屬性
   *checked屬性:對選擇框指定默認(rèn)選項(xiàng)
   accesskey屬性:指定快捷鍵(不常用) (IE:alt+鍵  火狐:alt+shift+鍵)
   tabindex屬性:通過數(shù)字指定tab鍵的切換順序(不常用)
   
   src和alt是為圖片按鈕設(shè)置的
  
   注意：reset重置按鈕是將表單數(shù)據(jù)恢復(fù)到第一次打開時(shí)的狀態(tài)，并不是清空
    image圖片按鈕，默認(rèn)具有提交表單功能。
  

更多網(wǎng)站建設(shè)內(nèi)容盡在今網(wǎng)科技，轉(zhuǎn)載請注明出處！