<!DOCTYPE html> <html> <head> <title>搜索框</title> </head> <body> <input type="text" id="search" placeholder="输入关键词" /> <ul id="search-result"></ul> <script src="search.js"></script> </body> </html>为何按照上面的代码,输入苹果,但是出来的结果都是:无匹配结果
时间: 2023-08-14 10:51:25 浏览: 97
根据你提供的代码,它只是一个简单的搜索框,没有任何搜索功能的实现,所以无论输入什么关键词,都会显示“无匹配结果”。你需要在search.js文件中添加搜索功能的实现,比如通过AJAX请求后端接口获取数据并展示在搜索结果中。另外,你也可以使用JavaScript实现客户端搜索功能,从页面中获取数据进行匹配并展示结果。
相关问题
php 制作图书馆<!doctype html> <html> <head> <meta charset="utf-8"> <title>添
图书馆网站</title> </head> <body>
<h1>欢迎来到图书馆网站</h1>
<p>这是一个用PHP制作的图书馆网站。我们提供丰富的图书资源和便捷的借阅服务。</p>
<h2>图书检索</h2>
<form action="search.php" method="post">
<label for="keyword">关键字:</label>
<input type="text" id="keyword" name="keyword">
<input type="submit" value="搜索">
</form>
<h2>图书借阅</h2>
<p>要借阅图书,请先登录。</p>
<form action="login.php" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br>
<input type="submit" value="登录">
</form>
<h2>联系我们</h2>
<p>有任何问题或建议,请联系我们。</p>
<p>电话:123-456-7890</p>
<p>邮箱:library@example.com</p>
</body> </html>
这是一个简单的图书馆网站,使用PHP语言制作。网站提供了图书检索和借阅服务的功能,用户可以在搜索框输入关键字搜索图书,并且需要登录后才能进行图书借阅操作。另外,网站还提供了联系方式,方便用户有问题或建议时进行联系。
整个网站的页面结构简单明了,用户可以方便地进行操作。如果需要,还可以通过添加更多的功能和交互设计来提升用户体验。总的来说,这是一个用PHP制作的实用图书馆网站。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <div class="input__container"> <div class="shadow__input"></div> <button class="input__button__shadow"> <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20px" width="20px"> <path d="M4 9a5 5 0 1110 0A5 5 0 014 9zm5-7a7 7 0 104.2 12.6.999.999 0 00.093.107l3 3a1 1 0 001.414-1.414l-3-3a.999.999 0 00-.107-.093A7 7 0 009 2z" fill-rule="evenodd" fill="#17202A"></path> </svg> </button> <input type="text" name="text" class="input__search" placeholder="What do you want to search?"> </div> <title>Title</title> </head> </html>有没有什么错误
这段代码中有一个错误,<div>标签不能直接放在<head>标签中,它应该放在<body>标签内部来显示在网页中。因此,需要将<div>标签放在<body>标签内部。以下是修改后的代码:
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div class="input__container">
<div class="shadow__input"></div>
<button class="input__button__shadow">
<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" height="20px" width="20px">
<path d="M4 9a5 5 0 1110 0A5 5 0 014 9zm5-7a7 7 0 104.2 12.6.999.999 0 00.093.107l3 3a1 1 0 001.414-1.414l-3-3a.999.999 0 00-.107-.093A7 7 0 009 2z" fill-rule="evenodd" fill="#17202A"></path>
</svg>
</button>
<input type="text" name="text" class="input__search" placeholder="What do you want to search?">
</div>
</body>
</html>
```
这是一个包含一个搜索框的HTML网页代码。其中,<div>标签用于包含搜索框,<input>标签用于创建输入框,<button>标签用于创建按钮,<svg>用于创建图标。
阅读全文