HTML中的標籤系列-02-表單標籤等

一、HTML中的表單標籤

1.表單標籤＜form＞

• ＜form＞表單標籤，可以在html頁面創建一個表單，表單標籤在瀏覽器上沒有任何顯示，如果數據需要提交到服務器，負責收集數據的標籤必須存放在表單標籤體內部。它的屬性有：
  • action屬性：請求的路徑，確定表單提交到服務器的地址。
  • method屬性：提交的請求方式。取值共有7種，常用的有GET、POST，GET是默認值

2.輸入域標籤＜input＞

• ＜input＞標籤用於獲得用戶輸入信息，type屬性值不同，蒐集數據的方式也不同。是最常用的標籤。它的屬性有：
  • type屬性有如下取值：
    • text：文本框，單行的輸入字段，用戶可在其中輸入文本，默認寬度爲20字符
    • password：密碼框，密碼字段。該字段中的字符以實心黑圓符號顯示。
    • radio：單選框，表示一組互斥選項按鈕中的一個。當一個按鈕被選中，之前被選中的按鈕就變爲未選中。
    • submit：提交按鈕。提交按鈕會把表單數據發送到服務器。一般不寫name屬性，否則會將“提交”兩個字提交到服務器，沒有意義。
    • checkbox：複選框。類似單選框，但是可以選中多個。
    • file：文件上傳組件，提供瀏覽按下可以選擇需要上傳的文件。
    • hidden：隱藏域。頁面不顯示，提交時，會把數據發送到服務器。
    • reset：重置按鈕，可以將表單恢復到默認值。會刪除用戶填寫的信息。
    • image：圖形提交按鈕，通過src給按鈕設置圖片。
    • button：普通按鈕，常用於與JavaScript結合使用，單獨使用沒有效果。
  • name屬性：元素名，如果需要將表單數據提交到服務器，必須提供name屬性。服務器通過屬性名獲取提交的數據。
  • value屬性：設置input標籤的默認值。submit和reset及button爲按鈕上顯示的數據。
  • size屬性：設置輸入框的大小。單位爲像素值。
  • checked屬性：單選框或者複選框被選中。
  • readonly屬性：設置只讀。
  • disabled屬性：是否可用，設置按鈕
  • placeholder屬性：設置輸入框的提示信息。
  • maxlength屬性：設置輸入框允許用戶輸入的最大長度，單位是字符。

3.下拉列表標籤＜select＞

• ＜select＞下拉列表。可以進行單選或多選。需要使用子標籤＜option＞指定列表項。它的屬性有：
  • name屬性：發送給服務器的名稱。
  • multiple屬性：不寫默認單選，取值爲multiple時，表示多選。
  • size屬性：多選時，可見選項的數量。
• ＜option＞子標籤：下拉列表中的一個選項。它的屬性有：
  • selected屬性：取值爲selected，表示選中當前列表項。
  • value屬性：發送給服務器的選項值。

4.文本域標籤＜textarea＞

• ＜textarea＞文本域。用於多行文本的輸入控件，一般不使用，現在都用在線文本編輯器。它的屬性有：
  • cols屬性：設置文本域的列數，單位是字符。
  • rows屬性：設置文本域的行數，單位是字符。