>웹 프론트엔드 >JS 튜토리얼 >사용자 이름_javascript 기술을 입력하면 이메일 접미사 목록을 자동으로 표시하는 JS 방법

사용자 이름_javascript 기술을 입력하면 이메일 접미사 목록을 자동으로 표시하는 JS 방법

WBOY
WBOY원래의
2016-05-16 16:17:471123검색

이 글의 예시에서는 JS를 이용하여 사용자 이름을 입력할 때 이메일 접미사 목록을 자동으로 표시하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

다음 코드는 html 파일로 저장하고 엽니다.

코드 복사 코드는 다음과 같습니다.




이메일 접미사 목록을 자동으로 표시하려면 사용자 이름을 입력하세요

<스타일>
*{마진:0;패딩:0;}
ul,li{목록 스타일:없음;}
.inputElem {너비:198px;높이:22px;라인 높이:22px;테두리:1px 솔리드 #ff4455;}
.parentCls{너비:200px;}
.auto-tip li{width:100%;height:22px;line-height:22px;font-size:14px;}
.auto-tip li.hoverBg{배경:#ddd;cursor:pointer;}
.red{색상:빨간색;}
.숨김 {표시:없음;}





아래에 이메일 사용자 이름을 입력하세요:





성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.