Rumah > hujung hadapan web > tutorial js > JS实现仿百度输入框自动匹配功能的示例代码_javascript技巧

JS实现仿百度输入框自动匹配功能的示例代码_javascript技巧

WBOY
Lepaskan: 2016-05-16 16:59:40
asal
1236 orang telah melayarinya

现在很多网站都有这种效果,在文本框输入一个字符,下边会出来相匹配的内容,这个代码就演示了这个功能是如何完成的,当然,这是个静态的,你可以将提示的内容从数据库读取出来,要用到AJAX那东东。

复制代码 代码如下:



带输入匹配的文本框











请在输入框输入一个字母:



Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan