HTML 텍스트 상자에 태그를 표시하는 방법은 무엇입니까?

회원이 텍스트 오버랩에서 스택 오버플로에서 질문하는 경우 회원은 그래픽 양식으로 자동 변경되는 태그를 입력 할 수 있습니다. 각 태그 옆에 'X'버튼이있어 태그를 삭제할 수 있습니다.

어떻게 HTML로 구현됩니까? 필자는 순수 텍스트 만 텍스트 상자에 사용할 수 있다고 생각했습니다. 몇 가지 아이디어를 줄 수있는 태그의 소스를보기

enter image description here

가능한 중복 질문 http://stackoverflow.com/questions/20896773/jquery-plugins-to-enter-multiple-email-in-single-input – prog1011

실제로 : http://stackoverflow.com/questions/14083272/ 텍스트 입력 필드 태그로 구분 된 by-make-a-tags-box-using-jquery –

http://xoxco.com/projects/code/tagsinput/ – prog1011

태그 시스템은 jQuery 라이브러리와는 아주 간단합니다. TESE를 체크 아웃 :

2014-10-11 10:50:30 Latheesan

enter image description here

2014-10-11 10:49:25

만 텍스트가 텍스트 필드에 허용되는, 당신 말이 맞아.

태그 필드는이 사이트에서 질문 할 때 실제로는 텍스트 필드처럼 보이는 <div>입니다. 그런 다음 태그 삽입 및 제거를 관리하는 것은 CSS와 JavaScript의 문제입니다. 웹 속성을 사용하여 HTML 구조와 CSS/JS 코드를 연구 할 수 있습니다.

2014-10-11 10:50:55 pimmey

답변