inputSuggest 텍스트 상자에 입력 시 프롬프트 및 자동 완성 효과(이메일 입력 자동 완성 플러그인)_javascript 기술

QQ 메일함 프롬프트, Baidu 검색창 프롬프트, Taobao 제품 검색 프롬프트 등과 같이 이제 많은 웹사이트가 사용자 경험을 개선하기 위해 유사한 효과를 제공합니다.
사용법:
new InputSuggest({
input HTMLInputElement 필수
데이터 배열 ['sina.cn','sina.com','2008.sina.com','vip.sina .com .cn'] 필수
ContainerCls 컨테이너 클래스 이름
itemCls 컨테이너 하위 클래스 이름
activeCls 강조 표시된 하위 클래스 이름
너비 설정은 컨테이너Cls의 너비를 재정의합니다.
불투명도 투명도 설정은 항목이 불투명도를 재정의합니다. of ContainerCls...
온라인 데모: http://demo.jb51.net/js/2012/inputSuggest/
전체 소스 코드 다운로드: http:// www. jb51.net/jiaoben/44737.html

<title>문자 입력 시 inputSuggest 프롬프트</title> <style type="text/css"> body{margin:0;padding:0;} input{width:200px;} .suggest-container{border:1px solid #C1C1C1;visibility:hidden;} .suggest-item{padding:3px 2px;} .suggest-active {background:#33CCFF;color:white;padding:3px 2px;} </style> <div style="width:400px;margin:30px auto;text-align:center;"> <label> </label> <input type="text" id="sina">시나<br> <br> <br><br><br><br><br><br><br><br><label></label> <input type="text" id="sohu">소후</div>
[Ctrl A 모두 선택 참고:

외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 ]