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

Question

我正在制作 Google 搜索页面的克隆版。我希望页面在用户使用时在 Google 中显示搜索结果。但是程序并没有将用户带到搜索结果页面，而是将 link 放在我页面的 link 之后。我想我一定是在代码的某个地方搞砸了，但不知道在哪里。我才刚刚开始学习 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>

Answer 1

在 <form action="www.google.com/search" id="search"> 中，操作 links 到您目录中的某个位置。要link到外部网址，您需要使用http前缀。

<form action="https://www.google.com/search" id="search"> 修复了问题。

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

Receiving error while submitting forms in HTML

html

forms

input

hyperlink

google-search