首頁  >  文章  >  web前端  >  移除表單的回車即提交即回車!=提交

移除表單的回車即提交即回車!=提交

高洛峰
高洛峰原創
2017-03-01 14:49:461555瀏覽

預設情況下,單一輸入框,無論按鈕的type="submit"還是type="button"類型,回車即提交,那麼如何去除表單的回車即提交,下面有個不錯的示例大家可以參考下 實現"回車!=提交"的問題,一般可以從"按鈕的type類型" 和 "輸入框個數"兩處著手。

預設情況下,單一輸入框,無論按鈕的type="submit"或type="button"類型,回車即提交。

1.當type="submit"時,無論有幾個type="text"輸入框,回車均表示提交。 (submit)

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

3.解決單一輸入框的回車即提交問題,參考第二點:可以增加一個input="text",隱藏; 然後type類型為button。

在實際應用中,input輸入框很少只有一個的情況,那麼只需記住第二條即可應對。

使用JS事件阻止表單提交 不在本文討論範圍,當然也是可以實現的。

更多去除表單的回車即提交即回車!=提交相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn