Question

我在这里有一个问题，我想点击按钮然后转到另一个页面。但它不起作用

这是我的代码

<button type="button" class="btn btn-edit btn-sm pull-right" data-toggle="modal" data-target="#modal-editProfile" href="template/home.html">Start Booking Your Room</button>

我不知道为什么，按钮不起作用。请帮助我，我浪费了一整天才这样做。

谢谢， faizal

Answer 1

HTML

纯HTML格式是将其放在<form>中，您可以在action属性中指定所需的目标网址。

<form action="http://google.com">
    <input type="submit" value="Go to Google">
</form>

在表单上设置必要的CSS display: inline;，使其与周围文本保持一致。

CSS

如果允许使用CSS，只需使用您设置的<a>看起来像一个按钮，使用appearance属性（only IE support is currently (July 2015) still poor）。

<a href="http://google.com" class="button">Go to Google</a>

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}

或者选择其中一个CSS库，例如Bootstrap。

JS

如果允许使用JavaScript，请设置window.location.href。

<input type="button" onclick="location.href='http://google.com';" value="Go to Google" />

Source

Answer 2

按钮不会将您重定向到另一个页面，除非您在javascript中处理它。如果您只想重定向，可以使用锚标记，请参阅下面的示例：

<a class="btn btn-edit btn-sm pull-right" href="template/home.html">Start Booking Your Room</a>

Bootstrap3 Onclick按钮直接转到新页面

2 个答案:

HTML

CSS

JS