Gmail의 입력 필드와 같이 입력란에 전자 메일을 보내는 방법은 무엇입니까?

Question

Gmail에서 이메일을 입력하고 페이스 바를 누르면 전자 메일은 하늘색 상자를 형성하고 다른 이메일을 입력하여 구분할 수 있습니다. (Stackoverflow의 태그와 유사합니까?) 실제로 어떻게 달성 할 수 있습니까? 나는 Tagit을 들여다 보았지만, 더 이상 활발한 개발을하지 않고 있습니다. 그들은 대안으로 Select2을 제안했지만 허용 된 값의 미리 지정된 목록으로 원하는 효과를 얻는 방법을 알지 못합니다 (모든 이메일을 받아 들여야합니다!).

어떻게 만들 수 있습니까? 이것을 위해 jQuery UI를 사용하지 않는 것이 가장 좋습니다.

Answer 1

Select2의 자동 토큰 화를 확인하십시오. 사용자가 미리 정의되지 않은 태그 (또는 이메일 주소)를 삽입 할 수 있습니다. tokenSeparators을 지정해야합니다 (예 :

$("#input").select2({ 
    tokenSeparators: [",", " "]} 
); 

).