html5,css3炫酷实例-元素
自动完成输入框下拉列表
使用的插件:jquery-ui
- 使用数据源实现文本框的自动完成功能
<link href="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet"> <section align="center"> 所学专业: <input type="text" id="major" /> </section> <script src="jquery.min.js"></script> <script src="https://cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.js"></script> <script> var data = ['计算机应用', '计算机科学与技术', '计算机网络', 'java基础','java web']; $('#major').autocomplete({source: data}); // 静态 $('#major').autocomplete({source: '/info'}); // 动态 </script>
- 后台
@GetMapping("/info") public Object majors(){ List<String> majors = new ArrayList<>(); majors.add("java 基础"); majors.add("java web"); majors.add("servlet"); return majors; }
相关推荐
wusiye 2020-10-23
表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。在HTML网页中,要想创建表格,就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
gufudhn 2020-08-09
nercon 2020-08-01
swiftwwj 2020-07-21
nercon 2020-07-16
饮马天涯 2020-07-05
Lophole 2020-06-28
gufudhn 2020-06-12
csstpeixun 2020-06-11
huzijia 2020-06-09
WebVincent 2020-06-06
行吟阁 2020-05-30
qsdnet我想学编程 2020-05-26
gufudhn 2020-05-25
qsdnet我想学编程 2020-05-19
suixinsuoyu 2020-05-15
HSdiana 2020-05-15
PioneerFan 2020-05-15