最近在做乙個小需求時，發現了乙個問題：當form表單中，存在乙個button，在input中按回車會自動觸發form提交，很是鬱悶，經過查詢資料，特總結如下：
自動提交情況說明：
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中加入：οnkeydοwn="if(event.keycode==13)"
例項一：
[html]view plain
copy
提交button>
form>
例項二：
[html]view plain
copy
提交button>
form>
例項三：
[html]view plain
copy
提交button>
form>
posted @
2018-01-26 11:01
赤子之心_timefast 閱讀(
...)
編輯收藏
HTML防止input回車提交表單
自動提交情況說明 1.預設情況下，單個輸入框，無論按鈕的type submit 還是type button 型別，回車即提交。2.當type submit 時，無論有幾個type text 輸入框，回車均表示提交。按鈕預設的type為submit 3.當type button 時，且存在多個輸入框，...
防止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 時，且存在多個輸入框，回車不...