前言
為什麼分章節寫呢？因為涵蓋的知識點比較多，也可能我力盡詳細介紹，照顧下基礎不好的人，溫故而知新。
剛開始的確是打算一篇搞定的，寫道一半發覺已經相當長篇大論了，好多人例如我一進來看到這麼多內容就已經怕了，而且不是每個人都需要了解全部內容，於是就打算分開來，讓讀者依需求了解吧。
至於為什麼會有零這一章節呢？因為實在太基礎了，大多數人都可以無視，僅供少部分新手跟記性不好的人，如果你覺得你可以就跳過吧。
下面開始說正事上傳對我來說一直是個挺恐怖的東西,接觸的也比較少,因為以前沒有標準,為了實現一個上傳得寫各種噁心兼容代碼,而插件往往容易有些bug也沒能力修改,時至今日,真正的勇士始終得直面鮮血淋漓的現實,所以我就特意開個掃盲貼,研究總結一下關於上傳得小知識,下面帶大家瀏覽一下我需要使用到的一些API.
零, 基礎(知識點主要來自於w3school)(已經熟悉的人直接跳過這一章節吧)
<form action= method= ></form>
標籤用於為使用者輸入建立HTML 表單。表單能夠包含input 元素，例如文字欄位、複選框、單選框、提交按鈕等等。表單還可以包含menus、textarea、fieldset、legend 和label 元素。表單用於向伺服器傳輸資料。
| 欄位 | 描述 |
|---|---|
| name | 規定表單的名稱 |
| action | 規定當提交表單時向何處發送表單數據 |
| enctype | (on/off)規定在發送表單資料之前如何對其進行編碼 |
| method | (get/post)規定用於傳送form-data 的HTTP 方法 |
| novalidate | 如果使用該屬性，則提交表單時不進行驗證。 (Html5屬性) |
| onsubmit | Form 物件的onsubmit屬性指定了一個事件句柄函數。當使用者點擊了表單中的Submit 按鈕而提交一個表單時，就會呼叫這個事件句柄函數。請注意，當呼叫方法Form.submit() 時，該處理器函數不會被呼叫。如果onsubmit 句柄回傳fasle，表單的元素就不會提交。如果該函數傳回其他值或任何東西都沒有傳回，則表單會被提交 |
詳情查閱請狠狠地點選關於form
label
<label for=male>Male</label><input type=radio name=sex id=male /><label for=girl>Girl</label><input type=radio name=sex id=girl />
label 元素不會呈現任何特殊效果給使用者。不過，它為滑鼠使用者改進了可用性。如果您在label 元素內點擊文本，就會觸發此控制項。是說，當使用者選擇該標籤時，瀏覽器就會自動將焦點轉到和標籤相關的表單控制項。 標籤的for 屬性應與相關元素的id 屬性相同。
| 欄位 | 描述 |
|---|---|
| for | 規定label 綁定到哪個表單元素 |
| form | 規定label 欄位所屬的一個或多個表單 |
詳情查閱請狠狠地點選關於label
input
<input type=text name=fname/><input type=password name=password><input type=checkbox name=Bike><input type=checkbox name=Car><input type=radio checked=checked name=Sex value=Car><input type=radio checked=checked name=Sex value=Car><input type=radio checked=checked name=Sex value=Car><input type=radio checked=checked name=Sex value=Car><input type=radio checked=checked name=Sex value= male/><input type=radio name=Sex value=female/><select name=cars> <option value=volvo>Volvo</option> <option value=saab>Saab</option> <option value=fiat>Fiat</option> <option value=audi>Audi</option></select><textarea rows=10 cols=30>
標籤用於蒐集使用者資訊。根據不同的type 屬性值，輸入欄位擁有很多種形式。輸入欄位可以是文字欄位、複選框、碼後的文字控制項、單選按鈕、按鈕等等。
詳情請參考請狠狠地點選關於input
<input type=submit value=Submit>
Submit 物件代表HTML 表單中的一個提交按鈕,在表單提交之前，觸發onclick 事件句柄，並且一個句柄可以透過傳回fasle 來取消表單提交。
submit: 把表單資料提交到Web 伺服器。此方法提交表單的方式與使用者點擊Submit 按鈕一樣，但是表單的onsubmit 事件句柄不會被呼叫。
詳情查閱請狠狠地點選關於submit
<button type=button>Click Me!</button>
在button 元素內部，您可以放置內容，例如文字或圖像。這是該元素與使用input 元素創建的按鈕之間的不同之處。
<button> 控制項與<input type=button> 相比，提供了更強大的功能和更豐富的內容。標籤之間的所有內容都是按鈕的內容，其中包括任何可接受的正文內容，例如文字或多媒體內容。例如，我們可以在按鈕中包括一個圖像和相關的文本，用它們在按鈕中創建一個吸引人的標記圖像。
唯一禁止使用的元素是圖像映射，因為它對滑鼠和鍵盤敏感的動作會幹擾表單按鈕的行為。
請務必為按鈕規定type 屬性。 Internet Explorer 的預設類型是button，而其他瀏覽器中（包括W3C 規範）的預設值是submit.
(重要事項：如果在HTML 表單中使用button 元素，則不同的瀏覽器會提交不同的值。Internet Explorer 將提交<button> 與<button/> 之間的文本，而其他瀏覽器將提交value 屬性的內容。
| 欄位 | 描述 |
|---|---|
| name | 規定按鈕的名稱 |
| disabled | 規定應該禁用該按鈕 |
詳情參考請狠狠地點選關於button