首页又一个搜索按钮，点击后跳转页面，不带参数

又一个搜索按钮，点击后跳转页面，不带参数

时间: 2023-07-15 08:11:36 浏览: 46

如果你想实现一个简单的搜索按钮，可以使用HTML表单和JavaScript来实现。你可以在HTML页面中添加一个表单元素，然后为其添加一个按钮。当用户点击按钮时，可以使用JavaScript将用户输入的搜索词发送到服务器进行处理，并将搜索结果显示在页面上。以下是一个简单的示例： ```html <!DOCTYPE html> <html> <head> <title>Search Page</title> </head> <body> <h1>Search Page</h1> <form> <label for="search">Search:</label> <input type="text" id="search" name="search"> <button type="button" onclick="search()">Search</button> </form> <div id="results"></div> <script> function search() { var searchQuery = document.getElementById("search").value; // 发送搜索请求到服务器 // ... // 在页面上显示搜索结果 document.getElementById("results").innerHTML = "Search results for: " + searchQuery; } </script> </body> </html> ``` 在这个示例中，我们创建了一个包含一个文本输入框和一个按钮的表单。当用户点击按钮时，`search()`函数将被调用。该函数获取文本输入框中的值，并将其用于搜索。在这个简单的示例中，我们只是在页面上显示了搜索词，但你可以根据自己的需求将搜索结果显示在任何地方。