我正在做以下事情:
<a href="www.stackoverflow.com">
<button disabled="disabled" >ABC</button>
</a>
这工作得很好,但我得到一个HTML5验证错误,说“元素‘按钮’不能嵌套在元素‘按钮’。
谁能给我点建议,我该怎么做?
我正在做以下事情:
<a href="www.stackoverflow.com">
<button disabled="disabled" >ABC</button>
</a>
这工作得很好,但我得到一个HTML5验证错误,说“元素‘按钮’不能嵌套在元素‘按钮’。
谁能给我点建议,我该怎么做?
当前回答
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>
另一种选择是使用按钮的onclick属性:
<button disabled="disabled" onClick="location.href='www.stackoverflow.com'" >ABC</button>
这是可行的,然而,用户不会看到链接显示在悬停,因为他们会看到它在元素中。
说明及工作方案: 如何:div与onclick在另一个div与onclick javascript
通过在你的内部点击处理程序中执行这个脚本:
if (!e) var e = window.event;
e.cancelBubble = true;
if (e.stopPropagation) e.stopPropagation();
在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>
为什么不..你也可以嵌入图片上的按钮以及
<FORM method = "POST" action = "https://stackoverflow.com">
<button type="submit" name="Submit">
<img src="img/Att_hack.png" alt="Text">
</button>
</FORM>