Question

好的，所以这段代码非常有名：

<a href="#" id="link1">LINK</a>

我希望使用输入按钮获得相同的效果，我试过了：

<input type="button" value="LINK" onclick="#">

但很明显它没有用。还有其他办法吗？谢谢:)）

Answer 1

可以尝试使用location.replace()

＆＃13;

div {
  position:relative;
  top:300px;
}

＆＃13;

<input type="button" value="LINK" onclick="location.replace('#abc')">
<div id="abc">abc</div>

＆＃13;

Answer 2

根据您要实现的目标，您可能会对form输入submit感兴趣：

<form method="get" action="place_to_go.html">
    <input type="submit" value="LINK" />
</form>

submit输入呈现button。点击后，用户将被带到place_to_go.html。

Answer 3

您无法将href元素添加到input代码中。

我猜你想要这样做，所以你可以有一个按钮样式的链接？如果是这种情况，您可以使用CSS来实现使用anchor标记的按钮的外观。

大多数CSS框架（特别是Bootstrap）都有允许您执行此操作的类。例如，在Bootstrap中：

<a href='#' class='btn btn-primary'>Text</a>

将呈现看起来像按钮的链接。

这个的CSS（可在Bootstrap GitHub上找到）看起来像这样：

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

显然，作为一个框架，还有很多其他样式可以用于混合，但是如果你不想使用Bootstrap，这会给你一个开始。

Example JSFiddle

如何在按钮中使用（a href =＆＃34;＃＆＃34;）

3 个答案: