分類: 知識(shí) 常識(shí)詞典 編輯 : 常識(shí) 發(fā)布 : 01-18

閱讀 :540

為什么很多網(wǎng)站的表單提交按鈕都是用＜a＞標(biāo)簽？＜a user_count="searc-_t_inpt_btn" id="searc-" -ref="###" class="src-_btn lf"＞搜索＜/a＞用＜ａ＞和＜ｉｎｐｕｔ＞作按鈕有什么不同？怎么實(shí)現(xiàn)的？4 個(gè)答案

答案 1：

在HTML原語(yǔ)上button type="submit i-ge"和input type=“submit”是產(chǎn)生提交表單行為，用這兩種以外的element來(lái)做提交按鈕都是一種不負(fù)責(zé)任的編碼行為。不過(guò)在國(guó)內(nèi)有多少人能夠清楚的知道HTML4.01和HTML5有多少個(gè)Element和其準(zhǔn)確的用意？從這個(gè)角度來(lái)說(shuō)用A Element就沒(méi)有太多驚奇的了，另一方面也證明網(wǎng)站招了個(gè)不靠譜的頁(yè)面仔。編寫(xiě)頁(yè)面代碼的人在本機(jī)使用Javascript來(lái)觸發(fā)form.submit()提交數(shù)據(jù)，然后理所當(dāng)然的認(rèn)為所有人的機(jī)器上的Javascript都是打開(kāi)的。假設(shè)用戶屏蔽了javascript（國(guó)內(nèi)大約有0.05%的用戶，source form alipay），那么其表單提交行為將不會(huì)發(fā)生。

答案 2：

我是一個(gè)設(shè)計(jì)~我希望我的頁(yè)面能更好的展現(xiàn)~這里是我的兩種原因~------------------------------------------①使用 [ 特殊定制的圖形做背景 ] 時(shí)~a標(biāo)簽在IE各瀏覽器下的兼容好~我經(jīng)常會(huì)將不用于提交form的按鈕用a來(lái)寫(xiě)~input的偽類選擇器用css來(lái)書(shū)寫(xiě)的時(shí)候IE6不認(rèn)~費(fèi)心制作的互動(dòng)也就不能讓最多的人看到~這讓人太不爽了~而a的偽類可以在IE6下使用~這是我選擇a標(biāo)簽的原因~②input的行高表現(xiàn)很糟糕~各瀏覽器參差不齊~而且還不能直接用line--eig-t來(lái)控制~只能寫(xiě)padding~這也很難忍~a標(biāo)簽可以控制得很好~------------------------------------------ps:頂@Mas-i-ua~提交表單的按鈕不要用a做~

答案 3：

因?yàn)閕nput存在一些bom屬性，這些屬性導(dǎo)致內(nèi)聯(lián)元素對(duì)齊時(shí)出現(xiàn)問(wèn)題，有的工程師就喜歡用a標(biāo)簽來(lái)代替了。就漸進(jìn)增強(qiáng)的以及兼容性上，用button是否可以更好？

答案 4：

從-tml語(yǔ)義話上來(lái)說(shuō)，a標(biāo)簽屬于超級(jí)連接，input標(biāo)簽屬于表單元素（當(dāng)然type需要設(shè)置為submit或者button），在一般實(shí)現(xiàn)中涉及到數(shù)據(jù)提交類動(dòng)作都通過(guò)form表單來(lái)完成，所以選擇iuput是標(biāo)準(zhǔn)的做法。不過(guò)現(xiàn)在的數(shù)據(jù)交互往往通過(guò)javascript來(lái)完成，所以只要能夠觸發(fā)javascript的數(shù)據(jù)交互方法即可實(shí)現(xiàn)目的，所以有些時(shí)候a標(biāo)簽也可以完成這個(gè)工作，其實(shí)不僅是a標(biāo)簽，b，span，i，em，div...只能能夠觸發(fā)提交數(shù)據(jù)的方法，用什么標(biāo)簽都可以。不過(guò)從語(yǔ)義化和易用性來(lái)說(shuō)，個(gè)人感覺(jué)input（button）更好。

下一篇:李喻創(chuàng)業(yè)，現(xiàn)在怎么樣了？ 下一篇 【方向鍵 ( → )下一篇】

上一篇:你在 2011 年 GDC 上有何有趣見(jiàn)聞？ 上一篇 【方向鍵 ( ← )上一篇】