inputSuggest文本框輸入時提示、自動完成效果(郵箱輸入自動補全插件)
更新時間:2012年05月19日 14:43:18 作者:
inputSuggest在文本框輸入字符時提示,類似Windows的“自動完成”功能,當在文本框輸入字符時,與此相關的內容會顯示在文本框的下邊,你可隨時使用鍵盤或鼠標點選那些提示,你就不用輸入了
像QQ郵箱提示、百度的搜索框提示、淘寶的商品搜索提示等,現(xiàn)在有不少的網(wǎng)站都有類似效果,以提升用戶體驗。
使用方法:
new InputSuggest({
input HTMLInputElement 必選
data Array ['sina.cn','sina.com','2008.sina.com','vip.sina.com.cn'] 必選
containerCls 容器className
itemCls 容器子項className
activeCls 高亮子項className
width 寬度設置 此項將覆蓋containerCls的width
opacity 透明度設置 此項將覆蓋containerCls的opacity……
在線演示:http://demo.jb51.net/js/2012/inputSuggest/
完整源碼下載:http://www.fzitv.net/jiaoben/44737.html
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
使用方法:
new InputSuggest({
input HTMLInputElement 必選
data Array ['sina.cn','sina.com','2008.sina.com','vip.sina.com.cn'] 必選
containerCls 容器className
itemCls 容器子項className
activeCls 高亮子項className
width 寬度設置 此項將覆蓋containerCls的width
opacity 透明度設置 此項將覆蓋containerCls的opacity……
在線演示:http://demo.jb51.net/js/2012/inputSuggest/
完整源碼下載:http://www.fzitv.net/jiaoben/44737.html
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關文章
JavaScript創(chuàng)建一個歡迎cookie彈出窗實現(xiàn)代碼
歡迎cookie想必大家早有耳聞,利用cookie記錄用戶狀態(tài)信息,當用戶再次訪問的時候彈出歡迎框,個人感覺還不錯吧,希望對你學習cookie有所幫助2013-03-03
javascript?實現(xiàn)純前端將數(shù)據(jù)導出excel兩種方式
這篇文章主要介紹了javascript?實現(xiàn)純前端將數(shù)據(jù)導出excel兩種方式,文章圍繞主題展開詳細的內容介紹,具有一定的參考價值,需要的小伙伴可以參一下2022-07-07
js中scrollTop()方法和scroll()方法用法示例
這篇文章主要介紹了js中scrollTop()方法和scroll()方法用法,結合實例形式分析了scrollTop()方法和scroll()方法滾動操作的用法與相關操作技巧,需要的朋友可以參考下2016-10-10
JavaScript實現(xiàn)將阿拉伯數(shù)字轉換成中文或大寫中文的方法
現(xiàn)在有需求將億元之內的阿拉伯數(shù)字轉換成中文,例如:1234轉換后變?yōu)橐磺Ф偃脑俎D換成壹仟貳佰叁拾肆,所以本文給大家介紹了用JavaScript實現(xiàn)將阿拉伯數(shù)字轉換成中文大寫,感興趣的小伙伴跟著小編一起來看看吧2024-11-11
HTML5+setCutomValidity()函數(shù)驗證表單實例分享
本文給大家分享的是在HTML5中結合setCutomValidity()函數(shù)實現(xiàn)驗證表單的實例,非常的時間實用,這里推薦給大家,有需要的小伙伴可以參考下。2015-04-04
JavaScript 中的 `==` 和 `===` 操作符詳解
在 JavaScript 中,== 和 === 是兩個常用的比較操作符,分別用于 寬松相等(類型轉換相等) 和 嚴格相等(類型和值必須相等) 的比較,理解它們的區(qū)別以及具體的比較規(guī)則對于編寫準確和高效的代碼至關重要,需要的朋友可以參考下2024-09-09
Javascript 構造函數(shù),公有,私有特權和靜態(tài)成員定義方法
其中公有方法聲明的部分采用的兩種方式,在實際應用中一般采取一種方式就可以了,如果兩種方式都要采用的話,應注意順序,防止前面寫的方法被清空或覆蓋。2009-11-11

