我正在做以下事情:

 <a href="www.stackoverflow.com">
   <button disabled="disabled" >ABC</button>
 </a>  

这工作得很好,但我得到一个HTML5验证错误,说“元素‘按钮’不能嵌套在元素‘按钮’。

谁能给我点建议,我该怎么做?


当前回答

在HTML5中,在链接中嵌入按钮元素是非法的。

最好在默认和:active(按下)状态下使用CSS:

body{background-color:#F0F0F0} /*只是为了突出边框*/ a.Button{填充:。background-color:#E0E0E0;font:normal 80% sans-serif;font-weight:700; a.Button:没有(主动):{border-left-color: # FFFFFF; border-top-color: # FFFFFF} a.Button:主动{border-right-color: # FFFFFF; border-bottom-color: # FFFFFF} <p><a class="Button" href="www.stackoverflow.com">点击我<a>

其他回答

我刚刚跳进了同样的问题,我解决了它将“按钮”标签替换为“跨度”标签。在我的例子中,我使用的是自举。这是它的样子:

<a href="#register"> 
    <span class="btn btn-default btn-lg">
        Subscribe
    </span>
</a> 

No.

下面的解决方案依赖于JavaScript。

<button type="button" onclick="location.href='http://www.stackoverflow.com'">ABC</button>

如果按钮被放置在一个已有的<form>中,method="post",那么确保按钮有属性type="button",否则按钮将提交post操作。通过这种方式,您可以有一个包含GET和POST操作按钮混合的<form>。

在按钮内使用formaction属性

PS !只有当你的按钮类型="submit"时它才有效

<button type="submit" formaction="www.youraddress.com">Submit</button>

如果它是有效的,那就太奇怪了,我认为它是无效的。将一个可点击元素置于另一个可点击元素之中意味着什么?是按钮,还是链接?

如果你正在使用Bootstrap 3,这工作得很好

<a href="#" class="btn btn-primary btn-lg active" role="button">Primary link</a>
<a href="#" class="btn btn-default btn-lg active" role="button">Link</a>