大家先來看看表單提交的幾種方式:
1、<!--通用提交按鈕-->
<input type="submit" value="提交">
2、<!--自定義提交按鈕-->
<button type="Submit">提交</button>
3、<!--圖像按鈕-->
<input type="image" src = "btn.png">
說明:用戶提交按鈕或圖像按鈕時,就會提交表單。使用<input>或<button>都可以定義提交按鈕,只要將其特性的值設置為“submit”即可,而圖像按鈕則是通過<input>的type特性值設置為”image”來定義的。因此,只要我們單擊一下代碼生成的按鈕,就可以提交表單。
4、阻止表單提交
只要在表單中存在上面列出的任何一種按鈕,那么相應表單控件擁有焦點的情況下,按回車鍵就可以提交表單。如果表單里沒有提交按鈕,按回車鍵不會提交表單。
以這種方式提交表單時,瀏覽器會在將請求發送給服務器之前觸發submit事件。這樣,我們就有機會驗證表單數據,并據以決定是否允許表單提交。阻止這個事件的默認行為就可以取消表單提交。例如,下面代碼會阻止表單提交:
新聞熱點
疑難解答