form表單的6種提交方式

2022-07-31 11:15:10 字數 2575 閱讀 5473

表單可實現無重新整理頁面提交,無需頁面跳轉,如下,通過乙個隱藏的iframe實現,form表單的target設定為iframe的name名稱,

form提交目標位當前頁面iframe則不會重新整理頁面

<

form

action

="/url.do"

method

="post"

target

="targetifr"

>

<

input

type

="text"

name

="name"

/>

form

>

<

iframe

name

="targetifr"

style

="display:none"

>

iframe

>

一般表單提交通過type=submit實現,input type="submit",瀏覽器顯示為button按鈕,通過點選這個按鈕提交表單資料跳轉到/url.do

<

form

action

="/url.do"

method

="post"

>

<

input

type

="text"

name

="name"

/>

<

input

type

="submit"

value

="提交"

>

form

>

js事件觸發表單提交,通過button、鏈結等觸發事件,js呼叫submit()方法提交表單資料,jquery通過submit()方法

<

form

id="form"

action

="/url.do"

method

="post"

>

<

input

type

="text"

name

="name"

/>

form

>

js: document.getelementbyid("form").submit();

jquery: $("#form").submit();

採用ajax非同步方式,通過js獲取form中所有input、select等元件的值,將這些值組成json格式,通過非同步的方式與伺服器端進行互動,

一般將表單資料傳送給伺服器端,伺服器端處理資料並返回結果資訊等

<

form

id="form"

method

="post"

>

<

input

type

="text"

name

="name"

id="name"

/>

form

>

var params =

$.ajax(

});

<

form

action

="/url.do"

method

="post"

>

<

input

type

="text"

name

="name"

/>

<

input

type

="submit"

value

="提交"

使用form表單進行上傳檔案需要為form新增enctype="multipart/form-data" 屬性,除此之外還需要將表單的提交方法改成post,

如下 method="post", input type的型別需要設定為file

<

form

action

="/url.do"

enctype

="multipart/form-data"

method

="post"

>

<

input

type

="file"

name

="name"

/>

<

input

type

="submit"

value

="提交"

>

form

>

form 表單提交方式

表單可實現無重新整理頁面提交,無需頁面跳轉,如下,通過乙個隱藏的iframe實現,form表單的target設定為iframe的name名稱,form提交目標位當前頁面iframe則不會重新整理頁面 一般表單提交通過type submit實現,input type submit 瀏覽器顯示為butt...

form表單的提交方式

最基本的提交方式,或者提交,這兩種方式效果是一樣的。如果需要再提交表單之前進行驗證,可以在form標籤中設定onsubmit屬性,如下 函式mysubmit 如下 使用js的submit 注意 此函式不是jquery的,而是html dom的方法 函式進行表單提交,此類表單提交不會觸發onsubmi...

Form表單提交的兩種方式

1.當輸入使用者名稱和密碼為空的時候,需要判斷。這時候就用到了校驗使用者名稱和密碼,這個需要在jsp的前端頁面寫 有兩種方法,一種是用submit提交。一種是用button提交。方法一 用submit提交 表單提交,在form標籤中增加onsubmit事件來判斷表單提交是否成功 方法二 用butto...