關于表單提交，做法有很多中，根據具體需求，做出不同的反應吧。我們知道，對于表單提交，正常直接action中寫url，點擊submit按鈕就可以提交了。下面我們就把form表單提交方式總結一下，來幫助大家一起理解。

form表單提交——form表單提交方式

一、利用submit按鈕實現提交，當點擊submit按鈕時，觸發onclick事件，由JavaScript里函數判斷輸入內容是否為空，如果為空，返回false,不提交，如果不為空，提交到由action指定的地址。

二、利用button按鈕實現提交，當點擊button按鈕時，觸發onclick事件，由JavaScript里函數判斷輸入內容是否為空，如果為空，返回false,不提交，如果不為空，提交到由action指定的地址，由于button按鈕不具備自動提交的功能，所以由JavaScript實現提交。

三、利用submit按鈕實現提交，當點擊submit按鈕時，先觸發onsubmit事件，由JavaScript里函數判斷輸入內容是否為空，如果為空，返回false,不提交，如果不為空，提交到由action指定的地址。

form表單的file文件上傳那些事

客戶端直接訪問用戶計算機的文件,2000以前,在表單添加了<inputtype=”file”>字段.

fileAPI是為給web開發提供安全的方式,以便在客戶端更好訪問用戶的文件,字段的基礎上加

了一些直接訪問文件信息的接口-files集合.與fileReader類型讀取文件的數據.

name:本地文件的名稱

size:文件的字節大小

type:字符、文件的MIME類型

lastModifiedDate:文件上次修改的時間(chrome實現了這屬性)

readAsText(file,encoding):以純文本的方式讀取文件.

readAsDataURL(file):讀取文件并以URL的形式保存在result屬性中.

readAsBinaryString(file):讀取文件并將一個字符串將保存在result屬性中,一個字符為一個字節.

readAsArrayBuffer(file):讀取文件并將一個包含文件內容的ArrayBuffer保存在

result屬性中.

(file-文件集合;encoding-編碼類型)

由于數據是異步讀取.因此fileReader提供了幾種事件.

progress事件:每～50ms,便觸發一次.

error事件:但文件無法讀取就會觸發,有個屬性error.code屬性.1表示未找到文件,2表示

安全性錯誤,3表示讀取中斷,4表示文件不可讀,5表示編碼錯誤.

load事件:觸發但文件完整讀取后.中斷了還會觸發abort事件,在load、error事件后還會觸發loadend事件.

網頁的form表單中，如果存在上傳文件的表單，則需要將form標簽設置enctype=”multipart/form-data”屬性，意思是將Content-Type設置成multipart/form-data。如果大家還想了解更多與之有關的信息，歡迎關注我們文軍營銷的官網。

推薦閱讀

post請求 post請求是什么 | 文軍營銷post是通過HTTPpost機制,將表單內各個字段與其內容放置在HTMLHEADER內一起傳送到ACTION屬性所指的URL地址。用戶看不到這個過程。 3.對于get方式,服務器端用Request.QueryString獲取變量的值,對于post方式,服務器端用Request.Form獲取提交的數據。 4.get傳送的數據量較小,不能大于2KB。post傳送的數據量較大,一般被默認...target屬性 target屬性是什么 | 文軍營銷(1)不提交表單形式的動作(即不對form進行操作的動作)。web開發中相關的情景比如:單個刪除某條記錄等,像這樣的操作都不是很復雜,需要的參數也不是很多,都是已get方式提交的。這時對于要跳轉的頁面的展現形式,您可以通過target屬性來指定。這里用法和1中介紹的一樣。 (2)以表單的形式提交的動作(即要提交form中的...post請求 post請求是什么 | 文軍營銷post是通過HTTPpost機制,將表單內各個字段與其內容放置在HTMLHEADER內一起傳送到ACTION屬性所指的URL地址。用戶看不到這個過程。 3.對于get方式,服務器端用Request.QueryString獲取變量的值,對于post方式,服務器端用Request.Form獲取提交的數據。 4.get傳送的數據量較小,不能大于2KB。post傳送的數據量較大,一般被默認...