HTML常用標籤

a標籤和form標籤都是跳轉, 區別就是a標籤發起的是GET請求, form標籤發起的是POST請求.

屬性

1. action: 提交(POST)資料所到的地方.action="users", 就是提交到users, 一個處理這個form資訊的程式所在的URL.
2. autocomplete: 用於指示 input 元素是否能夠擁有一個預設值，這個預設值是由瀏覽器自動補全的。這個設定可以被屬於這個form的子元素的 autocomplete 屬性過載（覆蓋）

• off: 在每一個用到的輸入域裡，使用者必須顯式的輸入一個值，或者document 以它自己的方式提供自動補全；瀏覽器不會自動補全輸入。
• on: 瀏覽器能夠根據使用者之前在form裡輸入的值自動補全。

1. enctype: 當 method 屬性值為 post 時, enctype 是提交form給伺服器的內容的 MIME 型別

• application/x-www-form-urlencoded: 如果屬性未指定時的預設值
• multipart/form-data: 這個值用於一個 type 屬性設定為 "file" 的 `` 元素。
• text/plain (HTML5)

1. method: 瀏覽器使用這種 HTTP 方式來提交 form, GET一般不用寫, 如果是GET, 提交的資料會被作為查詢引數, 並不會放到第四部分作為formdata, POST會把提交的資料放到formdata裡, 如果要給POST加查詢引數, 可以通過給URL加查詢引數?user=zzz

• post: 指的是 HTTP POST 方法 ; 表單資料會包含在表單體內然後傳送給伺服器.
• get: 指的是 HTTP GET 方法; 表單資料會附加在 action 屬性的URL中，並以 '?' 作為分隔符, 然後這樣得到的 URI 再傳送給伺服器. 當這樣做（資料暴露在URL裡面）沒什麼副作用，或者表單僅包含ASCII字元時，再使用這種方法吧。

1. target: 和a標籤相同
2. name : HTML5中，一個文件中的多個form當中，name必須唯一而不僅僅是一個空字串. 也可以與iframe標籤配合使用.

如果form標籤沒有提交按鈕, 則無法提交, html裡只有form標籤能提交資料

input標籤

HTML input 元素用於為基於Web的表單建立互動式控制元件，以便接受來自使用者的資料。使用input標籤提交資料, 必須有name屬性.

屬性

1. type : 要呈現的控制元件型別

• type="button": 普通按鈕
• type="checkbox": 核取方塊。必須使用 value 屬性定義此控制元件被提交時的值
• color：HTML5 用於指定顏色的控制元件。
• date：HTML5 用於輸入日期的控制元件（年，月，日，不包括時間）。
• datetime：HTML5 基於 UTC 時區的日期時間輸入控制元件（時，分，秒及幾分之一秒）。
• datetime-local：HTML5 用於輸入日期時間控制元件，不包含時區。
• email：HTML5 用於編輯 e-mail 的欄位。 合適的時候可以使用 :valid 和 :invalid CSS 偽類。
• file：此控制元件可以讓使用者選擇檔案。使用 accept 屬性可以定義控制元件可以選擇的檔案型別。
• hidden：不顯示在頁面上的控制元件，但它的值會被提交到伺服器。
• image：圖片提交按鈕。必須使用 src 屬性定義圖片的來源及使用 alt 定義替代文字。還可以使用 height 和 width 屬性以畫素為單位定義圖片的大小。
• month：HTML5 用於輸入年月的控制元件，不帶時區。
• number: HTML5 用於輸入浮點數的控制元件。
• password：一個值被遮蓋的單行文字欄位。使用 maxlength 指定可以輸入的值的最大長度 。
• radio：單選按鈕。必須使用 value 屬性定義此控制元件被提交時的值。使用checked 必須指示控制元件是否預設被選擇。在同一個”單選按鈕組“中，所有單選按鈕的 name 屬性使用同一個值； 一個單選按鈕組中是，同一時間只有一個單選按鈕可以被選擇。
• reset：用於將表單所內容設定為預設值的按鈕。
• search：用於輸入搜尋字串的單行文字欄位。換行會被從輸入的值中自動移除。
• submit：用於提交表單的按鈕。
• tel：HTML5 用於輸入電話號碼的控制元件；換行會被自動從輸入的值中移除A，但不會執行其他語法。可以使用屬性，比如 pattern 和 maxlength 來約束控制元件輸入的值。恰當的時候，可以應用 :valid 和 :invalid CSS 偽類。
• text：單行欄位；換行會將自動從輸入的值中移除。
• time：HTML5 用於輸入不含時區的時間控制元件。
• url：HTML5 用於編輯URL的欄位。 The user may enter a blank or invalid address. 換行會被自動從輸入值中移隊。可以使用如：pattern 和 maxlength 樣的屬性來約束輸入的值。 恰當的時候使可以應用 :valid 和 :invalid CSS 偽類。
• week：HTML5 用於輸入一個由星期-年組成的日期，日期不包括時區。

1. accept: 如果該元素的 type 屬性的值是file,則該屬性表明了伺服器端可接受的檔案型別；否則它將被忽略,該屬性的值必須為一個逗號分割的列表,包含了多個唯一的內容型別宣告：

   • 以 STOP 字元 (U+002E) 開始的副檔名。（例如：".jpg,.png,.doc"）

   • 一個有效的 MIME 型別，但沒有副檔名

   • audio/* 表示音訊檔案

   • video/* 表示視訊檔案

   • image/* 表示圖片檔案

2. autocomplete: 這個屬性表示這個控制元件的值是否可被瀏覽器自動填充。如果type屬性的值是hidden、checkbox、radio、file，或為按鈕型別（button、submit、reset、image），則本屬性被忽略。

3. autofocus: 這個布林屬性允許您指定的表單控制元件在頁面載入時具有焦點（自動獲得焦點），除非使用者將其覆蓋，例如通過鍵入不同的控制元件。文件中只有一個表單元素可以具有autofocus屬性，它是一個布林值。 如果type屬性設定為隱藏則不能應用（即您不能自動獲得焦點的屬性設定為隱藏的控制元件）。

4. disabled: 這個布林屬性表示此表單控制元件不可用。 特別是在禁用的控制元件中， click 事件 將不會被分發 。 並且，禁用的控制元件的值在提交表單時也不會被提交。如果 type 屬性為 hidden，此屬性將被忽略。

5. more

button標籤

HTML button 元素表示一個可點選的按鈕，可以用在表單或文件其它需要使用簡單標準按鈕的地方

input和button區別: 是否是空元素, button有子元素, input沒有

屬性

1. type: button的型別

• submit: 此按鈕將表單資料提交給伺服器。如果未指定屬性，或者屬性動態更改為空值或無效值，則此值為預設值。
• reset: 此按鈕重置所有元件為初始值。
• button: 此按鈕沒有預設行為。它可以有與元素事件相關的客戶端指令碼，當事件出現時可觸發。
• menu: 此按鈕開啟一個由指定``元素進行定義的彈出選單。
• 如果form表單裡只有一個button標籤, 那麼這個button標籤會自動升級為提交submit按鈕

1. name: button的名稱，與表單資料一起提交。
2. value: button的初始值。它定義的值與表單資料的提交按鈕相關聯。當表單中的資料被提交時，這個值便以引數的形式被遞送至伺服器。
3. more

持續更新