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

이 글의 예시에서는 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{색상:빨간색;}
.숨김 {표시:없음;}

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