DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> 把網頁按鈕偽裝成超鏈接
把網頁按鈕偽裝成超鏈接
編輯:CSS進階教程     

網頁制作poluoluo文章簡介:把網頁按鈕偽裝成超鏈接.

今天看到一篇文章: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 看上去都一樣,但是還是有區別的。以後做東西的時候我一定要多想想,不要被表面的東西迷惑了。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved