提交按鈕
在頁面中表示一個按鈕有多種表示方式，比如較為常見的有
<form action="xxx">
<input type="submit" value="提交1">
<input type="button" value="提交2">
<button>提交3</button>
<button type="button">提交4</button>
</form>
頁面會出現(xiàn)四個長得一模一樣的按鈕，真叫人傻傻分不清楚呀。其實主要區(qū)別在于按鈕點擊后是否會觸發(fā)表單數(shù)據(jù)向后臺傳送。先說結(jié)論
- input[type]為submit和button，即按鈕“提交1”和“提交3”會觸發(fā)表單數(shù)據(jù)傳送
- input[type]為button和button[type]為button，即按鈕“提交2”和“提交4”不會觸發(fā)表單數(shù)據(jù)傳送，僅僅只是一個能點擊的按鈕而已。
button
對于<button>標(biāo)簽，它的type值也有多種，默認(rèn)type為submit,也就是說<button>提交</button>與<button type="submit">提交</button>是等價的。type可選值：
- submit:此按鈕將表單數(shù)據(jù)提交給服務(wù)器。如果未指定屬性，或者屬性動態(tài)更改為空值或無效值，則此值為默認(rèn)值。
- reset:此按鈕重置所有組件為初始值。
- button:此按鈕沒有默認(rèn)行為。它可以有與元素事件相關(guān)的客戶端腳本，當(dāng)事件出現(xiàn)時可觸發(fā)。
更多詳情請查詢MDN
).
input
input是一個空元素，沒有閉合標(biāo)簽；而button標(biāo)簽內(nèi)可以插入內(nèi)容元素。input類型非常非常多，詳細(xì)可查詢MDN.
有一點需要銘記，如果想要將數(shù)據(jù)提交，別忘了一定要把按鈕寫在form標(biāo)簽內(nèi)，寫在外面是不起作用滴！
