cari

Rumah >hujung hadapan web >tutorial js >javascript input输入框模糊提示功能详解

javascript input输入框模糊提示功能详解

巴扎黑
巴扎黑asal
2018-05-15 14:36:422601semak imbas

这篇文章主要介绍了javascript input输入框模糊提示功能的实现的相关资料,希望通过本能帮助到大家，需要的朋友可以参考下

javascript input输入框模糊提示功能的实现

主要用到了jQuery.autocomplete函数，定义好一个数组就可以用这个功能了，很方便。

<!doctype html>
<html>
<head>
 <meta charset="utf-8">
 <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="external nofollow" >
 <script src="//code.jquery.com/jquery-1.10.2.js"></script>
 <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
 <script>
 $(function() {
  var availableTags = [
   "James",
   "Kobe",
   "Jordan"
  ];
  $( "#tags" ).autocomplete({
   source: availableTags
  });
 });
 </script>
</head>
<body>

<p class="ui-widget">
 <label for="tags">Tags: </label>
 <input id="tags">
</p>

</body>

效果：

Atas ialah kandungan terperinci javascript input输入框模糊提示功能详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript jquery input
Kenyataan：
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
Artikel sebelumnya：什么是3个跨域请求解释异步执行Artikel seterusnya：react.js 父子组件数据绑定实时通讯实例展示

Artikel berkaitan

Lihat lagi