以下結論都已經過測試。
以下是輸入框獲得焦點之後,點選回車的表單提交情況測試
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...