如何创建一个像超级链接一样的html button

0 投票
最新提问 1月 7, 2017 用户: LX5818 (430 分)

我想创建一个HTML按钮,像一个链接一样。当你点击按钮时,它重定向到一个页面。我希望它尽可能方便,也没有任何额外的字符或URL中的参数。

我目前正在这样用:

<form method="get" action="/somepage">
    <button type="submit">Continue</button>
</form>

但这样做的问题是,在Safari浏览器和Internet Explorer中,它在URL的末尾增加了一个问号。有没有办法不在URL末尾添加任何字符。

还有一个方案:使用JavaScript或样式链接看起来像一个按钮。

<button onclick="window.location.href='/somepage'">继续</button>

但这种方案需要JavaScript,不支持JavaScript的浏览器无法正常使用。

1个回答

0 投票
最新回答 1月 7, 2017 用户: 开心心 (320 分)

有三种方法。

1、HTML

纯HTML的方法就是把它放在一个<form>其中指定了所期望的目标URL action属性。使用post方法不会在URL末尾添加符号。

<form action="http://www.bczs.net" method="post">
    <input type="submit" value="编程助手" />
</form>

如有必要,在form上设置CSS样式为display:inline;保持与周围的文本对齐。在上面的例子中,你也可以使用<button type="submit">替代<input type="submit">。唯一的区别是,该<button>元件允许子控件。

2、CSS

如果允许使用CSS样式表,只需设置<a>标签的风格,看起来像按钮的样子。

<a href="http://www.bczs.net" class="button">编程助手</a>

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
    color: initial;
}

或选择CSS公共库,比如Bootstrap

<a href="http://www.bczs.net" class="btn btn-default">编程助手</a>

3、JavaScript

如果允许JavaScript,通过设置window.location.href的值也行。

<input type="button" onclick="location.href='http://www.bczs.net';" value="编程助手" />

欢迎来到编程助手,编程方面有什么不懂的问题可以尽管在这里提问,你将会收到热心爱好者的回答。
...