实现链接到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按钮

回答

相关问题