我可以嵌套一个<按钮>元素内< >使用HTML5?

我正在做以下事情:

 <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>

2016-06-04 10:10:13

其他回答

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

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

2014-10-06 13:59:29

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

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

2016-06-04 10:10:13

这些天，即使规范不允许，它“似乎”仍然可以将按钮嵌入到<a href…> <按钮…></a> tag, FWIW…

2017-10-21 21:44:45

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

2011-06-18 04:27:11

另一种选择是使用按钮的onclick属性:

<button disabled="disabled" onClick="location.href='www.stackoverflow.com'" >ABC</button>

这是可行的，然而，用户不会看到链接显示在悬停，因为他们会看到它在元素中。

2014-11-11 14:30:07

我可以嵌套一个<按钮>元素内< >使用HTML5?

推荐文章

最新文章

标签