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

如何创建像链接一样的HTML按钮？因此，单击该按钮可将用户重定向到页面。

我希望它是可访问的，并且在URL中使用最少的额外字符或参数。

当前回答

您可以使用JavaScript：

代替http://www.google.com并确保在URL之前包含http://。

2019-02-25 18:51:38

其他回答

我在一个我目前正在开发的网站上使用了这个，效果很好！如果你也想要一些很酷的样式，我会把CSS放在这里。

输入[类型=“提交”]{背景色：白色；宽度：200px；边框：3px实心#c9c9c9；字体大小：24pt；边距：5px；颜色：#969696；}input[type=“submit”]：悬停{颜色：白色；背景色：#969696；过渡：颜色0.2s 0.05s容易；过渡：背景色0.2s 0.05s轻松；光标：指针；}<input type=“submit”name=“submit”onClick=“window.location=”http://example.com'">

一个正在工作的JSFiddle在这里。

2014-11-16 01:39:53

对于Nicolas的回答，以下内容对我有用，因为该回答没有type=“button”，因此它开始表现为提交类型。。。因为我已经有一个提交类型。这对我不起作用。。。现在，您可以向按钮或＜a＞添加一个类以获得所需的布局：

<a href="http://www.google.com/">
    <button type="button">Click here</button>
</a>

2017-07-21 05:59:07

您可以使用JavaScript：

代替http://www.google.com并确保在URL之前包含http://。

2019-02-25 18:51:38

从HTML5开始，按钮支持formaction属性。最重要的是，不需要JavaScript或诡计。

<表单><button formaction=“http://stackoverflow.com“>转到堆栈溢出！</button></form>

注意事项

必须由<form>标记包围。＜button＞类型必须是“submit”（或未指定）-我无法使用“button”类型。这引出了以下问题。重写表单中的默认操作。换句话说，如果在另一个表单中执行此操作，将导致冲突。

参考：formaction

浏览器支持：＜button＞：button元素

2015-07-02 19:03:46

Bootstrap方法也适用于Bulma。

2021-09-22 19:42:43

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

推荐文章

最新文章

标签