我想创建一个像按钮一样的HTML按钮.因此,当您单击该按钮时,它会重定向到页面.我希望它尽可能地易于访问.
我也很喜欢它,所以URL中没有任何额外的字符或参数.
我怎样才能做到这一点?
根据到目前为止发布的答案,我目前正在这样做:
<form method="get" action="/page2">
<button type="submit">Continue</button>
</form>
Run Code Online (Sandbox Code Playgroud)
但问题是在Safari和Internet Explorer中,它在URL的末尾添加了一个问号字符.我需要找到一个不会在URL末尾添加任何字符的解决方案.
还有另外两种解决方案:使用JavaScript或样式化链接看起来像一个按钮.
使用JavaScript:
<button onclick="window.location.href='/page2'">Continue</button>
Run Code Online (Sandbox Code Playgroud)
但这显然需要JavaScript,因此屏幕阅读器不易访问.链接的要点是转到另一个页面.因此,尝试使按钮像链接一样是错误的解决方案.我的建议是你应该使用一个链接并将其设置为看起来像一个按钮.
<a href="/link/to/page2">Continue</a>
Run Code Online (Sandbox Code Playgroud) 只是想知道是否有办法让HTML <button>元素链接到一个位置而不将其包装在<a href...标签中?
Button目前看起来像:
<button>Visit Page Now</button>
Run Code Online (Sandbox Code Playgroud)
我不希望有什么:
<a href="link.html"><button>Visit Page Now</button></a>
Run Code Online (Sandbox Code Playgroud)
该按钮未在表单中使用,因此<input type="button">不是一个选项.我只是想知道是否有一种方法可以链接这个特定元素,而无需将其包装在<a href标签中.
期待听到一些选择/意见.