表單自動提交的總結

2022-02-13 02:25:06 字數 3906 閱讀 1845

以下結論都已經過測試。

以下是輸入框獲得焦點之後,點選回車的表單提交情況測試

1.乙個表單中只有乙個輸入框時,會自動提交,有多個輸入框時不會自動提交。例如:

1

<

form

name

='frm'

action

="">

2<

input

type

="text"

name

= "username"

/> //唯一的輸入框

3<

input

type

="hidden"

name

= "username1"

/>

4form

>

2.表單中含有時,即使有多個輸入框,也會自動提交。例如:

1

<

form

name

='frm'

action

="">

2<

input

type

="text"

name

= "username"

/>

3<

input

type

="text"

name

= "password"

/>

//多個輸入框

4<

input

type

="submit"

value

="提交"

/>

5form

>

3.表單中含有時,即使有多個輸入框,也會自動提交。例如:

1

<

form

name

='frm'

action

="">

2<

input

type

="text"

name

= "username"

/>

3<

input

type

="text"

name

= "password"

/>

4<

input

type

="image"

value

="提交"

/>

5form

>

4.表單中含有時,不會自動提交。例如:

1

<

form

name

='frm'

action

="">

2<

input

type

="text"

name

= "username"

/>

3<

input

type

="text"

name

= "password"

/>

4<

input

type

="button"

value

="提交"

/>

5form

>

5.當有多個表單時,每個表單的提交情況如上面各項,回車會跳轉到獲取焦點的文字框所對應的表單的action。

以下為按鈕點選的表單提交情況測試

1.如果表單內含有,並且指定了其onclick事件,例如:

1

<

form

id="frm"

name

="frm"

action

="">

2<

input

type

="submit"

value

="按鈕"

onclick

="login()"

/>

3form

>

點選按鈕時,會先執行login()事件,再提交表單跳轉頁面到baidu。

2. 如果表單內含有,並且指定了其onclick事件,例如:

1

<

form

id="frm"

name

="frm"

action

="">

2<

input

type

="image"

value

="按鈕"

onclick

="login()"

/>

3form

>

點選按鈕時,會先執行login()事件,再提交表單跳轉頁面到baidu。

3.如果表單內含有,並且指定了其onclick事件,例如:

1

<

form

id="frm"

name

="frm"

action

="">

2<

input

type

="button"

value

="按鈕"

onclick

="login()"

/>

3form

>

點選按鈕時,會執行login()事件,但不會提交表單,沒有跳轉到baidu。

4.如果表單內含有,並且指定了其onclick事件,例如:

1

<

form

id="frm"

name

="frm"

action

="">

2<

button

type

="submit"

onclick

="login()"

>按鈕

button

>

3form

>

點選按鈕時,會先執行login()事件,再提交表單跳轉頁面到baidu。

5.如果表單內含有,指定type="button"或者不指定type,並且指定了其onclick事件,例如:

1

<

form

id="frm"

name

="frm"

action

="">

2<

button

type

="button"

onclick

="login()"

>按鈕

button

>

3form

>

點選按鈕時,會執行login()事件,但不會提交表單,沒有跳轉到baidu。

6.如果表單內含有,並且指定了其onclick事件,例如:

1

<

form

id="frm"

name

="frm"

action

="">

2<

button

type

="reset"

onclick

="login()"

>按鈕

button

>

3form

>

點選按鈕時,會執行login()事件,但不會提交表單,沒有跳轉到baidu。

綜上所述:a,input標籤當type為submit和image時會自動提交表單;b,button標籤當type為submit時會自動提交表單。

input image 自動提交表單

利用提交表單有兩種方式 1.此會自動對form表單進行提交,即為type submit 若提交前要進行判斷 檢驗則用 但是用這種方式提交會發生表單提交兩次的現象,經常會造成表單元素被重複提交,資料庫被寫入異常!尤其是用ie問題比較嚴重,用火狐的話還不會報錯!此時注意,要把資料庫設定為同一資訊要唯一!...

阻止自動表單提交

html js function getfocus txt function valiname txt test txt.value else function valipwd txt test txt.value else function valiall e window.nl ad funct...

表單按回車自動提交

當form表單中只有乙個時按回車鍵將會自動將表單提交。再新增乙個按下回車將不會自動提交,但是頁面上顯示乙個不知所云的輸入框挺彆扭,後從網上搜到兩個解決辦法 1.新增乙個不顯示輸入框,然後回車之後也不會提交 2.新增乙個onkeydown事件,然後回車之後也不會顯示 如果想新增回車事件可以在onkey...