總結HTML form表單的一些用法

HTML form標籤小結

    最近研究 form标签，有一些小心得写下来与大家分享分享，共勉。在小结的最后有一个form表单的小例子，可以作为参考。                                                    -----DanlV

form是HTML的一个极为重要的功能标签之一。

輸入域input

• input type屬性有以下屬性值：
  1.button按鈕（具體接下來細說）
  2.file用於檔案選取
  3.hidden隱藏域，可以實現隱藏的操作
  4.text用於文字輸入
  5.password用密碼輸入
  6.radio單選按鈕，name屬性相同的為一組
  7.checkbox多選按鈕，name屬性相同的為一組
  8.image圖片形式提交按鈕
  9.reset重置form按鈕
  10.submit提交form按鈕
  

• alt屬性，定義當按鈕式圖片時，提片的替代文字

• src屬性，定義當按鈕為圖片時，圖片的連結位址

• checked屬性，定義預設選項<input type="radio" name="" checked>checked的值為true或false，也可以直接寫成checked

• disabled屬性，停用當前輸入域（用法如checked）

• readonly屬性，對目前輸入域只讀，實際作用與disabled相同，但是展現出來的效果不一樣（用法如checked）

• maxlength屬性，定義輸入領域字元的最大長度

• name屬性，定義目前的輸入域的名字

• value屬性，定義目前輸入域的預設值

---

文字輸入區textarea

• rows屬性，規定可見行數
  

• cols屬性，規定可見列數
  

• #disabled屬性，停用目前文字輸入區

• name屬性，目前文字區的名稱

• readonly屬性，目前文字區域只讀

---

按鈕button

• type類型一共有三種：
  1.type="button"普功通功能按鈕
  2.type="submit"提交form表單功能按鈕
  3.type="reset"重置form表單功相關屬能按鈕
  

• #disabled屬性，停用此按鈕

• name屬性，按鈕的名字

• value屬性，按鈕上顯示文字內容的預設值

---

下來選單select

• 相關屬性：
  1.disabled屬性，停用該選單
  2.multiple屬性，規定可同時選取多項
  3.name屬性，下拉清單的名稱
  4.size屬性，選單中可見項目的數量

• <optgroup>標籤</optgroup>，定義下拉清單的選項分組，屬性為：
  5.label屬性，定義選項組的標記（名字），必要屬性
  6.disabled屬性，停用

• <optinon></optinon>屬性，定義下拉清單中的選項（此標籤在<optgroup></optgroup>標籤）中，屬性為：
  1.disabled屬性，停用
  2.label屬性，定義當使用

---

表單中的標記<label></label>

為了是輸入更為人性化，提高使用者的體驗度，再點擊提示文字的時候遊標自動聚焦到輸入的位置，使用此標籤。有兩種使用方法：

• <label for="user"></label> <inpu t type="text" name="user"></inpu>此方式使用label的for屬性，值制定輸入區域的name

• #<label> <input type="text" name=" user"></label>
  將input直接放入label中，不需要使用for屬性，建議使用。
  ---

  表單中相關元素分組fieldset

將表單中相關的元素分組，使用<legend></legend>標籤定義分組標題。相關實例請見最後的程式碼。

程式碼範例

            

                

天下第一争霸赛

                                       门派：              
密码：                  
上传你的请柬：              
选武器： 刀                         剑                         枪                         鞭             
挑战对手： 梅超风                             洪七                             金毛狮王谢逊                             张三丰             
 选择你的门派：                                      天山派                     昆仑派                                                       峨眉派                     少林派                     武当派                     天空派                     星宿派                     逍遥派                     丐帮派                     五毒派                     明教派                                           
              
               

                   

以上是總結HTML form表單的一些用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！