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

閱讀 :547

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

答案 2：

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

答案 3：

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

答案 4：

從-tml語義話上來說，a標(biāo)簽屬于超級連接，input標(biāo)簽屬于表單元素（當(dāng)然type需要設(shè)置為submit或者button），在一般實(shí)現(xiàn)中涉及到數(shù)據(jù)提交類動作都通過form表單來完成，所以選擇iuput是標(biāo)準(zhǔn)的做法。不過現(xiàn)在的數(shù)據(jù)交互往往通過javascript來完成，所以只要能夠觸發(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)簽都可以。不過從語義化和易用性來說，個(gè)人感覺input（button）更好。

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

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