我如何获得搜索栏进行搜索

时间:2019-01-24 14:49:11

标签: html css

我正在使用CSS和HTML编写我的第一个网站,然后我发现了一个看起来很酷的自定义搜索栏,并且可以在网站布局中使用它,问题是每当我尝试搜索某些内容时,它就会将我移动到文字为“未找到”的空白页。如何使搜索栏工作?

我在下面列出了用于搜索栏CSS的网站,该网站可以正常运行,并且列出了将html放在搜索栏的div

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous" >

<div id="searchbar>
 <form action="">
  <input type="search">
  <i class="fa fa-search"></i>
 </form>
</div>

我希望能够使用它搜索我的网站。 (请记住,这是我编程的头几个月,所以我了解的很少,我很乐意提供帮助,但不批评我)

1 个答案:

答案 0 :(得分:0)

正如某些评论所推断的,它不仅仅需要在您的网站上添加输入字段才能具有搜索功能。根据要构建的网站类型,有不同的解决方案。

由于您才刚刚开始,建议您研究一下Google的Custom Search Engine。它们使您可以在网站上嵌入搜索表单,该表单将为您搜索网站的内容。

如果您有兴趣进行更多自定义操作,则需要发布有关正在执行的项目的更多详细信息。它是一个WordPress网站,仅是纯HTML / CSS / JS,您是否使用框架进行构建等等?