1. 程式人生 > 其它 >HTML:檔案標籤(三) - 表單標籤

HTML:檔案標籤(三) - 表單標籤

表單可以讓我們將錄入資訊攜帶到伺服器端。

簡單說,通過表單可以將要提交的資料提交到指定的位置。

但一個一個的提交,不方便。

表單正好解決了這個問題,將所有的資料形成一個整體,一起提交給服務 器。

常見的 登入頁面、註冊頁面 都離不開表單的應用

1 form屬性

action:整個表單提交的目的地

method:表單提交的方式

  get:

    提交時,傳輸資料量少(傳遞普通文字資訊,傳遞照片會失敗),

    明文提交(在瀏覽器的url 後面會顯示提交的資料,不適合用於登入)

  post:

    提交時,傳輸資料量大(傳遞文字和圖片都行),

    密文提交(瀏覽器的url後面看不到提交 的資料)

2 表單中的元素(控制元件)

<input>元素的type屬性

  text:預設值,普通的文字輸入框

    placeholder屬性:提示文字

    maxlength屬性:最多能輸入字元數量

  password:密碼輸入框

  checkbox:多選框/複選框

    checked:被選中

  radio:單選按鈕

  file:上傳檔案

  reset:重置按鈕

  submit:提交按鈕

  button:普通按鈕