實現鏈接到HTML/CSS按鈕

我需要添加一個鏈接到這些按鈕：實現鏈接到HTML/CSS按鈕

<div class="buttons"> 
     <button class="action bluebtn"><span class="label">CREATE NEW ACCOUNT</span></button> 
     <button class="action redbtn"><span class="label">EDIT ACCOUNT</span></button> 
     <button class="action greenbtn"><span class="label">IMPORT EDI TEXT FILES</span></button> 
     <button class="action"><span class="label">LOG OUT</span></button> 
    </div>

有人可以幫助我嗎？

來源

2012-12-21 Edward

你是什麼意思的，你需要添加一個鏈接到...按鈕鏈接到什麼？ –

超鏈接到另一頁。 – Edward

試試這個解決方案在這個答案http://stackoverflow.com/a/2906586/96505 –

您有幾種選擇這裏，取決於你是否可以更改HTML：

如果你可以改變HTML 使按鈕到常規<a href="http://www....">link</a> 或者你可以添加一個onclick事件：

<button class="action bluebtn" onclick="javascript:document.location='some-url'"> 
    <span class="label">CREATE NEW ACCOUNT</span> 
</button>

如果你不能改變的HTML，搶使用類似jQuery的按鈕，並添加onclick事件有：

$("button.bluebtn").click(function(){ 
    document.location = 'some-url'; 
    return false; 
});

但我建議如果可以的話，將按鈕更改爲常規鏈接。有<button>元素作爲鏈接是沒有意義的......

來源

2012-12-21 12:11:27

使他們像錨點和他們像按鈕樣式擊敗imo – rlemon

@rlemon，你是對的，我仍然忙着試圖添加該部分;） –

-2

我覺得你只是包裝的按鈕，類似下面的HREF元素：

<div class="buttons"> 
    <a href="your link here"><button class="action bluebtn"><span class="label">CREATE NEW ACCOUNT</span></button></a> 
</div>

以及按鈕的其餘部分做的一樣。用「a href」標籤包裹它們。

來源

2012-12-21 12:08:36 Sahil

適用於大多數瀏覽器 - 雖然無效 – m02ph3u5

如果你真的需要使用<button>標籤，你可以添加鏈接與Javascript：

<button onclick="location.href='url_address'">Your HTML content</button>

我認爲這將是比較一致的思想採用<a>標籤而不是<button>的標籤，然後用CSS設計它們看起來像按鈕。這樣你就可以依靠你的標記的默認行爲，並避免使用Javascript。

來源

2012-12-21 12:12:44 nienn

<input type="button" value="click for google" onClick="window.location='http://w ww.google.com' ">

，或者您可以使用

<button onclick="document.location.href='link'; return false;">Link Text</button>

來源

2012-12-21 12:14:59

實現鏈接到HTML/CSS按鈕

回答

相關問題