轉(zhuǎn)載自:http://www.cnblogs.com/ChandlerVer5/p/4658407.html
使用Firefox依次瀏覽跺株,就能看到input和button的區(qū)別:input提交按鈕顯示的文字就是value,而button提交按鈕顯示的文字 和value是獨(dú)立的脖卖,從這個(gè)意義上來(lái)看乒省,button更有表現(xiàn)力,是更值得推薦的提交按鈕實(shí)現(xiàn)方式胚嘲。
還有關(guān)于它們?cè)诓煌瑸g覽器下顯示的效果作儿,也會(huì)影響我們的選擇(下面就會(huì)介紹用其他標(biāo)簽,更好維持表現(xiàn)層的統(tǒng)一):這個(gè)主要是ff和opera下line-height對(duì)input['button'],button不起作用馋劈。
小結(jié):從理論上來(lái)看攻锰,button形式的提交按鈕優(yōu)于input形式的提交按鈕。但如果考慮瀏覽器通用性妓雾,很多時(shí)候還是只能使用input形式的提交按鈕娶吞。
再來(lái)說(shuō):a標(biāo)簽(以下為轉(zhuǎn)載:)
之前看過(guò)一些文章,說(shuō)是用a標(biāo)簽來(lái)代替submit按鈕更好一些械姻,因?yàn)閟ubmit按鈕在IE6下會(huì)有一些兼容的問(wèn)題妒蛇,不好統(tǒng)一,而且input的行高在各瀏覽器參差不齊楷拳,還不能用line-height控制绣夺,在按鈕有一些交互效果的時(shí)候,a標(biāo)簽更容易實(shí)現(xiàn)欢揖,hover效果便可陶耍,所以許多前端喜歡用a標(biāo)簽來(lái)代替input。
但是涉及到一點(diǎn)她混,input submit可以用來(lái)提交表單的值烈钞,而a標(biāo)簽似乎不太好傳值,所以好多程序要求前端開(kāi)發(fā)人員再把a(bǔ)標(biāo)簽改成input的坤按,后來(lái)經(jīng)過(guò)查找毯欣,發(fā)現(xiàn)a標(biāo)簽是一樣的可以提交表單的,下面附上方法臭脓,也希望那些被程序要求把頁(yè)面改來(lái)改去的前端人員告訴程序a標(biāo)簽一樣可以提交表單的酗钞。
a標(biāo)簽提交表單的方式其實(shí)很簡(jiǎn)單的,首先你寫(xiě)一個(gè)方法
function tosubmit(){
var myform=document.getElementByIdx_x("myform");
myform.submit();
}