HTML防止input回車提交表單

2022-09-10 09:48:16 字數 1081 閱讀 6463

自動提交情況說明:

1.預設情況下,單個輸入框,無論按鈕的type="submit"還是type="button"型別,回車即提交。

2.當type="submit"時,無論有幾個type="text"輸入框,回車均表示提交。(按鈕預設的type為submit)

3.當type="button"時,且存在多個輸入框,回車不提交。(button)

解決方案:

1.解決單個輸入框的回車即提交問題,可以增加乙個隱藏的input="text" display='none'; 然後type型別為button。

2.在form表單或input中加入:onkeydown="if(event.keycode==13)"

>提交

button

>

form

>

body

>

html

>

HTML防止input回車提交表單

最近在做乙個小需求時,發現了乙個問題 當form表單中,存在乙個button,在input中按回車會自動觸發form提交,很是鬱悶,經過查詢資料,特總結如下 自動提交情況說明 1.預設情況下,單個輸入框,無論按鈕的type submit 還是type button 型別,回車即提交。2.當type ...

防止INPUT回車自動提交FORM表單

form中的input只有乙個,input獲得焦點時按回車會form自動提交 charset utf 8 testtitle head charset utf 8 testtitle head 或 charset utf 8 testtitle head charset utf 8 testtitl...

防止回車提交

html利用input防止回車提交 預設情況下,單個輸入框,無論按鈕的type submit 還是type button 型別,回車即提交。1.當type submit 時,無論有幾個type text 輸入框,回車均表示提交。submit 2.當type button 時,且存在多個輸入框,回車不...