Question

我试图添加链接到我的按钮我目前的HTML代码在

之下

获得支持

                <td>
                    <button style="background: url('images/button2.png') no-repeat; background-size:155px; left: 200px; width: 155px; height: 50px; border: 0;">Shop Bike</button>
                </td>
                <td>
                    <button style="background: url('images/button2.png') no-repeat; background-size:155px; left: 200px; width: 155px; height: 50px; border: 200px;">Button Three</button>
                </td>

如何为每个按钮添加其他页面的链接例如..如果我点击：获取支持按钮，它会将我重定向到我已经创建的支持页面

Answer 1

<a>是用于创建链接的HTML元素，而不是<button>，因此请使用<a>元素而不是的<{1}}元素一个href。

然后你可以根据自己的喜好对它进行样式设置，就像按钮一样（尽管我注意到你应用于<button>元素的大多数CSS都是为了让它看起来像不像一个按钮。关于您可能需要做的唯一事情是<button>）。

Answer 2

<a href="page.html"><button type="button" class="add your class">Link Name</button></a>

你可以用CSS设置按钮的样式，使用图像按钮往往没有响应。

Answer 3

如果您愿意，可以使用此方法创建可链接按钮。

<form method="get" action="test.html">
    <input type="submit" value="Clickable Button">
</form>

虽然没有样式

Answer 4

使用标签链接。例如：

<a href="/support">Get support</a>

另外，如果您使用的是a标签而不是按钮标签，请在css中添加display：inline-block。

Answer 5

您应该使用<a></a>标记：

<a href="support.html">Get support</a>

如果您想要<button></button>标记的唯一原因是样式，则可以轻松设置<a></a>标记

的样式

a {
    display: inline-block;
    text-decoration: none;
    background-color: #eee;
    border: 2px outset #ccc;
    color: #000;
    padding: 5px 8px;
    margin: 5px;
}

如果你绝对想要使用<button></button>标签，你可以使用javascript这样做：

<button onclick="document.location.href='support.html';">Get support</button>

然而，请记住，使用按钮不是正确的代码，它们不专用于链接

Answer 6

显然，您的按钮用于表格元素，以组合预期的样式并使其作为链接起作用，您可能希望将“按钮”包裹在“锚点”标签内的一个DIV（＆lt; a＆gt;）。下面表示一个名为“bikes.html”的页面作为链接元素。

<td>
<a href="bikes.html">
<button style="background: url('images/button2.png') 
no-repeat;     background-size:155px; left: 200px; width: 155px; height: 50px; 
border: 0;">Shop Bike
</button>    
</a>
</td>

有关使用＆lt; button＆gt;的详情。标签可能不是你想要的，我通常使用＆lt; div＆gt;这类事物的标签。但锚是你所缺少的。

添加按钮HTML的链接

6 个答案: