本文共计575个文字，预计阅读时间需要3分钟。

HTML文件 + jQuery + PHP + MySQL 实现输入自动完成提示功能的示例

功能描述：本示例展示了如何使用HTML、jQuery、PHP和MySQL实现一个输入框自动完成提示功能。当用户在输入框中输入关键字时，系统会自动从数据库中检索相关数据，并在输入框下方显示提示列表。

技术栈：- HTML：用于创建输入框和显示提示列表的HTML结构。- jQuery：用于处理用户输入事件和异步请求。- PHP：用于处理服务器端逻辑，如数据库连接和查询。- MySQL：用于存储用户输入的关键词和相应的提示信息。

代码示例：

输入自动完成提示功能

phpconnect_error) { die(连接失败: . $conn->connect_error); } // 查询数据库 $sql=SELECT keyword FROM keywords WHERE keyword LIKE '%$query%'; $result=$conn->query($sql); // 显示结果 if ($result->num_rows > 0) { while($row=$result->fetch_assoc()) { echo . $row[keyword] . ; } } else { echo 没有找到相关结果; } // 关闭连接 $conn->close();}?>

效果展示：

1.输入英文关键词jQuery，提示列表中显示与jQuery相关的关键词。

2.输入中文关键词使用，提示列表中显示与使用相关的关键词。

注意：

- 确保已将数据库连接信息（如数据库服务器、用户名、密码和数据库名）替换为实际的值。- 在实际应用中，需要对用户输入进行验证和过滤，以防止SQL注入等安全问题。

html文件

helloweba

jQuery+PHP+Mysql实现输入自动完成提示的功能

分别输入英文关键词“jQuery”和中文关键词“使用”看看效果：

Powered by helloweba.com 允许转载、修改和使用本站的DEMO，但请注明出处：www.helloweba.com

helloweba_com_autocomplete.rar helloweba_com_autocomplete.rar QQ截图20171117113423.png