Clickable Div vs Button vs href？

我想學習通過HTML/CSS創建按鈕的最佳方式。我以前使用可點擊的div，但看起來這不是有史以來最好的想法。Clickable Div vs Button vs href？

釦子呢？或href的

今天最好的方式（html5 css3）？

2013-02-09 Mia

爲我們定義'最佳'。 – 2013-02-09 19:52:38

我想如果你想要一個按鈕，使用一個按鈕。 – Julio 2013-02-09 19:52:47

我正在創建具有動畫內容的按鈕（懸停，活動等轉換）。直到現在，我用div創建了很多這樣的東西，當我直接切換到按鈕模式時，所有的東西都變得糟糕（外觀和感覺）。最好的 - 在我的情況下 - 是設計方式靈活的一個div，不會導致其他問題或解決方法。 – Mia 2013-02-09 19:57:05

這取決於您要查找的行爲。如果其目的是鏈接到另一頁，則使用<a>。如果是提交表單或做某種類型的帖子或獲取我會使用一個按鈕。

有一個名爲Basecamp的基於Web的項目管理產品。當他們第一次啓動時，他們使用<a>標籤作爲每個單獨任務旁邊的刪除按鈕。在使用Google網頁優化工具插件進行瀏覽時訪問其內部網頁的用戶將其所有任務標記爲已刪除。 Google頁面優化工具在頁面中查找鏈接並觸發點擊以預加載未來頁面。

讓形式服從功能，你應該去的好：0）

來源

2013-02-09 20:06:46 Jeffpowrs

謝謝你的回覆。它的目的不是鏈接到另一個頁面，而更像是一個Web應用程序的UI元素。然後，我應該用我相信的按鈕去。 – Mia 2013-02-09 20:10:02

原因之一青睞按鈕是按鈕的可訪問性自然也更好一些，在使用環節，跨越或其他標籤上計數失敗。爲了獲得適當的可訪問性，您必須使用ARIA角色fix them。

這不是一個黑客本身，因爲這是ARIA角色的一部分。但是要了解更多信息並確保你做對了。

來源

2013-02-09 20:16:11

該鏈接對我而言不起作用。 – Mia 2013-02-09 22:11:03

不知道爲什麼發生這種情況 - 它適用於我。但標題是來自雅虎輔助功能博客的「易於修復常見可訪問性問題」。 – 2013-02-09 22:31:14

創造HTML按鈕的最好辦法是，當你嘗試提交表單

例如使用或因爲當你的按鈕和類型的輸入提交使用默認瀏覽器：

<form action="somepage.php" method="POST"> 
    <input type="text" name="name1"> 
    <textarea></textarea> 
    <input type="submit" value="submit the form with a input of type submit"> 
</form>

只有當用戶點擊提交按鈕的表單數據submited

但是，當我們使用一個或點的div播放按鈕，你需要調用javascript和尋求幫助

FINNALY好的做法是使用按鈕和類型，爲輸入提交給播放按鈕其他一切的角色作用是可以增加自定義加載時間

來源

2014-09-03 09:22:03 Ismail

Clickable Div vs Button vs href？

回答

相關問題