input输入框实现联想功能

最新推荐文章于 2024-04-30 17:59:49 发布

qq_19396231

最新推荐文章于 2024-04-30 17:59:49 发布

阅读量1w

点赞数 1

分类专栏：小功能文章标签： javascript json xhtml ViewUI

本文链接：https://blog.csdn.net/qq_19396231/article/details/84723524

版权

参考网址http://www.jb51.net/article/28075.htm

自动完成功能是指：类似百度搜索之类的输入一个词的一部分后就自动提示，然后用户可以选择，不需要再输入剩余部分。

　　实现这个功能需要服务端配合。客户端通过脚本来展示从服务端取得的数据。

　　先看客户端的HTML：

复制代码代码如下:

     
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  
  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
  
<head>  
  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  
<title>搜索词自动完成</title>  
  
<style type="text/css">  
  
#search{  
  
text-align: center;  
  
position:relative;  
  
}

最低0.47元/天解锁文章

qq_19396231

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
input输入框实现联想功能

参考网址http://www.jb51.net/article/28075.htm 自动完成功能是指：类似百度搜索之类的输入一个词的一部分后就自动提示，然后用户可以选择，不需要再输入剩余部分。　　实现这个功能需要服务端配合。客户端通过脚本来展示从服务端取得的数据。　　先看客户端的HTML：复制代码代码如下: &lt;!DOCTYPE html PUBLIC "-/...
复制链接

扫一扫