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

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

一、利用submit按鈕實(shí)現(xiàn)提交，當(dāng)點(diǎn)擊submit按鈕時(shí)，觸發(fā)onclick事件，由JavaScript里函數(shù)判斷輸入內(nèi)容是否為空，如果為空，返回false,不提交，如果不為空，提交到由action指定的地址。

二、利用button按鈕實(shí)現(xiàn)提交，當(dāng)點(diǎn)擊button按鈕時(shí)，觸發(fā)onclick事件，由JavaScript里函數(shù)判斷輸入內(nèi)容是否為空，如果為空，返回false,不提交，如果不為空，提交到由action指定的地址，由于button按鈕不具備自動(dòng)提交的功能，所以由JavaScript實(shí)現(xiàn)提交。

三、利用submit按鈕實(shí)現(xiàn)提交，當(dāng)點(diǎn)擊submit按鈕時(shí)，先觸發(fā)onsubmit事件，由JavaScript里函數(shù)判斷輸入內(nèi)容是否為空，如果為空，返回false,不提交，如果不為空，提交到由action指定的地址。

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

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

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

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

name:本地文件的名稱

size:文件的字節(jié)大小

type:字符、文件的MIME類型

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

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

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

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

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

result屬性中.

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

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

progress事件:每～50ms,便觸發(fā)一次.

error事件:但文件無法讀取就會(huì)觸發(fā),有個(gè)屬性error.code屬性.1表示未找到文件,2表示

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

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

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

推薦閱讀

target屬性 target屬性是什么 | 文軍營銷(1)不提交表單形式的動(dòng)作(即不對(duì)form進(jìn)行操作的動(dòng)作)。web開發(fā)中相關(guān)的情景比如:單個(gè)刪除某條記錄等,像這樣的操作都不是很復(fù)雜,需要的參數(shù)也不是很多,都是已get方式提交的。這時(shí)對(duì)于要跳轉(zhuǎn)的頁面的展現(xiàn)形式,您可以通過target屬性來指定。這里用法和1中介紹的一樣。 (2)以表單的形式提交的動(dòng)作(即要提交form中的...post請(qǐng)求 post請(qǐng)求是什么 | 文軍營銷post是通過HTTPpost機(jī)制,將表單內(nèi)各個(gè)字段與其內(nèi)容放置在HTMLHEADER內(nèi)一起傳送到ACTION屬性所指的URL地址。用戶看不到這個(gè)過程。 3.對(duì)于get方式,服務(wù)器端用Request.QueryString獲取變量的值,對(duì)于post方式,服務(wù)器端用Request.Form獲取提交的數(shù)據(jù)。 4.get傳送的數(shù)據(jù)量較小,不能大于2KB。post傳送的數(shù)據(jù)量較大,一般被默認(rèn)...post請(qǐng)求 post請(qǐng)求是什么 | 文軍營銷向指定資源提交數(shù)據(jù)進(jìn)行處理請(qǐng)求(例如提交表單或者上傳文件)。數(shù)據(jù)被包含在請(qǐng)求體中。POST請(qǐng)求可能會(huì)導(dǎo)致新的資源的創(chuàng)建和/或已有資源的修改。 在html語言中,有兩種方式給服務(wù)器發(fā)送表單(你在網(wǎng)頁中填寫的一些數(shù)據(jù))。一種是POST一種是GET。POST把表單打包后隱藏在后臺(tái)發(fā)送給服務(wù)器;GET把表單打包發(fā)送前,附加到URL(網(wǎng)...