【问题标题】:Button not leading me to 2nd page按钮没有引导我进入第二页
【发布时间】:2021-02-07 15:55:48
【问题描述】:

我写了一些代码,但它不会引导我进入我列出的第二页。我该如何解决这个问题,以便将我带到我的第二页?列出的名称和所有内容都是正确的。

<div class="container">
  <button type="" href="2.html" class="btn btn1">Page 2</button>
</div>

【问题讨论】:

  • &lt;button&gt;s 没有 href...&lt;a&gt; 标签有,它们用于导航

标签: html button hyperlink


【解决方案1】:

我找到了解决方法,我将按钮标签放在 a 标签内,如下所示:

<div class="container">
  <a href="2.html"><button class="btn btn1">Page 2</button></a>
</div>

这意味着我保留了我的设计并且按钮完全可以正常工作

【讨论】:

    【解决方案2】:

    执行此类操作的最佳方法是通过&lt;form&gt; 标签。这是一个例子:

    <div class="container">
      <form action="2.html">
        <input type="submit" value="Page 2">
      </form>
    </div>

    或者,您可以尝试这样的&lt;a&gt; 标签:

    &lt;a href="2.html"&gt;&lt;button&gt;Page 2&lt;/button&gt;&lt;/a&gt;

    【讨论】:

    • 我只是得到错误代码:NoSuchKey 消息:指定的密钥不存在。键:bramble_0.1.26/2.html RequestId:723C5C4B582E9EA8 HostId:kBqVmy0Xyzu1g0VVHw6t0Q+0jJSMNkJYyJPJ8g2zm+KmVggnGpasEU07edON+0Ozag51SG8leRQ=
    • @KingRealzYT 尝试添加method="POST" 标签。所以表单标签看起来像这样:&lt;form action="2.html" method="POST"&gt;
    • 为什么不使用&lt;a&gt; 是最好的方法?这就是它的设计目的
    • 它给了我更多的错误,你知道如何用我的方式来做吗? (原因是文本是某种方式,所以当你将鼠标悬停在它上面时,会被填满)
    • @KingRealzYT 嗯,也许您可​​以尝试其他方法。它看起来像这样:&lt;a href="2.html"&gt;&lt;button&gt;Page 2&lt;/button&gt;&lt;/a&gt;
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-03-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多