相关疑难解决方法(0)

如何创建一个像链接一样的HTML按钮?

我想创建一个像按钮一样的HTML按钮.因此,当您单击该按钮时,它会重定向到页面.我希望它尽可能地易于访问.

我也很喜欢它,所以URL中没有任何额外的字符或参数.

我怎样才能做到这一点?


根据到目前为止发布的答案,我目前正在这样做:

<form method="get" action="/page2">
    <button type="submit">Continue</button>
</form>
Run Code Online (Sandbox Code Playgroud)

但问题是在SafariInternet 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 anchor button hyperlink htmlbutton

1769
推荐指数
21
解决办法
574万
查看次数

我可以使用HTML5在<a>中嵌套<button>元素吗?

我正在做以下事情:

 <a href="www.stackoverflow.com">
   <button disabled="disabled" >ABC</button>
 </a>  
Run Code Online (Sandbox Code Playgroud)

这很好,但我得到一个HTML5验证错误,说"元素'按钮'不能嵌套在元素'按钮'中.

谁能给我建议我应该怎么做?

html html5

129
推荐指数
6
解决办法
18万
查看次数

如何通过按钮的onclick事件调用href?

我有以下a href用于打开jquery对话框,这工作正常.基本上,openDialog类附加了jquery对话框代码:

 <a class='openDialog' data-dialog-id='myEditDlg' data-dialog-autosize='false' data-dialog-alt='580' data-dialog-larg='740' data-dialog-title='test dialog' href='/mycontroller/EditDlg/myid'></a>
Run Code Online (Sandbox Code Playgroud)

现在,我想通过onclick一个按钮来调用它. 基本上,<a class='openDialog' href当我点击一个按钮时,我想要点击相同的行为.我该怎么做?**

html javascript jquery onclick button

1
推荐指数
2
解决办法
3万
查看次数

标签 统计

html ×3

button ×2

anchor ×1

html5 ×1

htmlbutton ×1

hyperlink ×1

javascript ×1

jquery ×1

onclick ×1