微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

在以HTML提交表单时收到错误

如何解决在以HTML提交表单时收到错误

我正在克隆Google的搜索页面。我希望页面用户使用它时在Google中显示搜索结果。但是,该程序不是将用户带到搜索结果页面,而是只是将链接放在我页面链接之后。我想我一定在代码中有些地方弄乱了,但不知道在哪里。我刚刚开始学习HTML。请帮助我。谢谢!

Screenshot of error

这是我的index.html:

<html>
  <head>
    <title>Google Search</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://maxcdn.icons8.com/fonts/line-awesome/1.1/css/line-awesome-font-awesome.min.css">
    <link rel="stylesheet" href="css/custom.css">
  </head>
  <body>
    <div class="top-bar">
      <div class="bar-right">
        <div class="menu">
          <a href="image.html">Image Search</a>
          <a href="advanced.html">Advanced Search</a>
        </div>
        <a href="" class="profile-trigger">
          <img src="images/profile.png">
        </a>
      </div>
    </div>
    <form action="www.google.com/search" id="search">
      <div class="content">
        <div class="search-wrapper">
          <a href="" class="search-logo">
            <img src="images/google-logo.png">
          </a>
          <div class="search-bar">
            <div class="search-icon">
              <i class="fa fa-search"></i>
            </div>
            <input type="text" name="q">
          </div>
          <div class="search-buttons">
            <input type="submit" value="Google Search"></a>
            <a href="">I'm Feeling Lucky</a>
          </div>
        </div>
      </div>
    </form>
  </body>
</html>

解决方法

<form action="www.google.com/search" id="search">中,操作链接到目录中的位置。要链接到外部URL,您需要使用http前缀。

<form action="https://www.google.com/search" id="search">解决了该问题。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。