武林網(www.49028c.com)文章簡介：把網頁按鈕偽裝成超鏈接.

今天看到一篇文章：Styling buttons to look like links，里面講到一些東西挺實用，也確實需要開發者注意。比如，有些開發者就是會用 a 標簽來做提交。比如有一個列表，每個列表后面都會有一個“刪除”鏈接：

1列表列表 <a href="/delete.php?id=xxx" title="">刪除</a>

點擊刪除鏈接后就會帶一個id或者其它參數到delete.php頁面，delete.php中再去實現刪除的邏輯。這樣做有一個問題，就是它提交參數使用的是 GET 方法。根據HTML中的定義，GET方法一般是用來獲取數據的，不會涉及到對后端數據的修改；而POST方法則可能包含對數據庫的修改等操作，所以刪除用鏈接實現不太好。有一種解決辦法就是把 button 偽裝成超鏈接的樣子，然后在外面套上 form ，CSS 現在很強大，偽裝一下不是很困難，可以參考這篇文章：Styling buttons to look like links 。另外，相對于用 input 實現按鈕而言，button 更強大一點，建議多用 button 。

有時候設計師為了界面上的美觀或者UI上的一致，會把一些元素設計成超鏈接的樣子，然后web developer 拿過來圖之后可能就“忠實”執行設計師的意圖把那個地方做成了超鏈接，卻忽略了一些功能上的考慮。這個就好像HTML標簽語義化一樣，雖然有些地方用 div 或者 span 看上去都一樣，但是還是有區別的。以后做東西的時候我一定要多想想，不要被表面的東西迷惑了。