当前位置:Gxlcms > PHP教程 > php+sqlite:搜索提示并打开呼应网址

php+sqlite:搜索提示并打开呼应网址

时间:2021-07-01 10:21:17 帮助过:46人阅读

php+sqlite:搜索提示并打开相应网址
我在搜索框输入“bai”会自动提示“baidu”和“baidu image”,
点击相应的标签进入到相应的网站(比如点击"baidu",就打开http://baidu.com),html+js应经实现了,现在想用php+sqlite怎么实现?


  1. <br><br><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><br><title>搜索提示</title><br><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"><br><style type="text/css">body{font-family:"yaHei Consolas Hybrid";margin:0}ul{margin:0;list-style:none;padding:0}.search-block{width:400px;position:relative;margin:50px auto}.search-block input{font-size:20px}.lbl-default{position:absolute;cursor:text;top:15px;left:15px;color:#ccc}.txt-default{width:378px;height:28px;border:1px solid #ddd;padding:10px}.btn{border:0;width:100px;height:50px;background-color:#56bdf3;color:#fff;text-align:center;cursor:pointer}.search-button{position:absolute;left:300px;top:0}.search-advice{display:none;width:400px;position:absolute;background-color:#fff}#search-advice-list{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd}#search-advice-list li{display:block;width:378px;height:30px;padding:10px}#search-advice-list li:hover{background-color:#f5f5f5}</style><br><br><br><br><br><label for="txt-search" id="lbl-search" class="lbl-default">请输入要搜索的内容</label><br><input type="text" id="txt-search" class="txt-default"><br><input type="button" id="submit-button" class="btn search-button" value="搜索"><br><br><ul id="search-advice-list"><br></ul><br><br><br><br>

------解决方案--------------------
把 mockData 的值放在数据库中,动态加入

人气教程排行