Form表單三種提交按鈕的區別？

1.<input type='button' id='btn' onclick='check()' value="提交">

　　說明：只是普通的按鈕(不附帶提交功能)，不會觸發form表單的submit()事件，所以點擊后不會提交表單

      好處：可加入js驗證，驗證后若想提交可使用 document.Formname.submit()  -->js 提交函數，進行提交  Formname 為表單的name名字

　　　　　若不加載提交，利用Ajax獲取數據，可實現頁面不刷新，文本框內容保留

<form  action='test.php' method="post" name="Form">
手機號<input type="text" name="phone">
<input type='button' id='btn'  value="提交" onclick='check()'>
 </form>

function check(){
js判斷
document.Formname.submit(); 判斷后提交 Formname 為form的name   document.getElementById("id").submit();也可獲取，獲取到form表單即可 id為form表單 id

}

2.<input type="submit" id='btn'  value="提交" onclick='return check()'>

　　說明：提交按鈕，點擊后會觸發form的onsubmit事件 提交數據實現頁面跳轉，進行表單處理

　　若想使用js驗證，可在form onsubmit事件里進行返回值判定，若返回false 表單不提交 若返回ture 表單提交

<form  action='test.php' method="post" name="Form" onsubmit="return check()">   若不加return 函數返回值，則會始終提交
手機號<input type="text" name="phone">
<input type="submit" id='btn'  value="提交" >
</form>

　　也可在按鈕里面加上判斷函數

<form  action='test.php' method="post" name="Form" >   若不加return 函數返回值，則會始終提交
手機號<input type="text" name="phone">
<input type="submit" id='btn'  value="提交" onclick="return check()" >
</form>
function check(){

return confirm('Yes or no!');

}

3.<button></button>按鈕 同 <input type="submit" id='btn'  value="提交" >按鈕效果一樣