1. 程式人生 > >html表單相關標籤及屬性

html表單相關標籤及屬性

1、<form>標籤 定義整體的表單區域

  • action屬性 定義表單資料提交地址
  • method屬性 定義表單提交的方式,一般有“get”方式和“post”方式

2、<label>標籤 為表單元素定義文字標註

3、<input>標籤 定義通用的表單元素

  • type屬性
    • type="text" 定義單行文字輸入框
    • type="password" 定義密碼輸入框
    • type="radio" 定義單選框
    • type="checkbox" 定義複選框
    • type="file" 定義上傳檔案
    • type="submit" 定義提交按鈕
    • type="reset" 定義重置按鈕
    • type="button" 定義一個普通按鈕
  • value屬性 定義表單元素的值
  • name屬性 定義表單元素的名稱,此名稱是提交資料時的鍵名
  • checked屬性 預設選中

4、<textarea>標籤 定義多行文字輸入框,預設可以拖拽,有藍色外邊線

  • resize:none;禁止拖拽
  • outline-style:none;去掉藍色外邊線

5、<select>標籤 定義下拉表單元素:size屬性可以顯示多個選項,multiple屬性可以選擇多個選項,selected可以設定預設選中

6、<select>標籤 與 <option>標籤配合,定義下拉表單元素中的選項

7、<button>標籤中disabled屬性有禁用標籤功能