简单的文本框输入自动提示_html/css_WEB-ITnose
程序员文章站
2022-05-05 22:33:50
...
简单的文本框输入自动提示--输入的时候可以直接异步加载数据库中匹配的项,然后显示出来。
这里没有使用到数据库,直接在PHP用数组模拟数据存储。
demo演示
原理主要是:
监听输入框的状态,当有改变的时候即刻通过ajax发送数据并取得返回值。
主要使用了jQuery封装很方便,但貌似我这个兼容性不咋地...主要提供个思路吧~
js部分:
顺便把html部分带上,免得不知哪个是哪个
文本框文本自动提示(如输入fish jack )
php数据部分:
使用简单的正则匹配即可。
$str)//echo json_encode($data); // send back infoecho $str;?>
上一篇: 使用Python中的cookielib模拟登录网站
下一篇: php计算页面执行时间的使用示例分享
推荐阅读
-
html5中新的datalist自动下拉提示输入框
-
balloon.css-纯CSS3简单实用的tooltips工具提示效果库_html/css_WEB-ITnose
-
balloon.css-纯CSS3简单实用的tooltips工具提示效果库_html/css_WEB-ITnose
-
简单的文本框输入自动提示_html/css_WEB-ITnose
-
几个简单的css设置问题:div居中,ul li不换行 ,内容超出自动变省略号等_html/css_WEB-ITnose
-
这样子的情况下,只要在文本框输入内容,就会自动提交到ajax,怎么才能点击提交按钮才提交呢。_html/css_WEB-ITnose
-
简单的文本框输入自动提示_html/css_WEB-ITnose
-
小白请教一个简单的输入框css问题_html/css_WEB-ITnose
-
html5中新的datalist自动下拉提示输入框
-
这样子的情况下,只要在文本框输入内容,就会自动提交到ajax,怎么才能点击提交按钮才提交呢。_html/css_WEB-ITnose