입력란에 항목을 넣는 방법은 무엇입니까?

Question

태그 관리자를 만들고 있는데 입력란에 내 태그를 표시하고 싶습니다.

나는 이것이 standart에 의해 가능하지 않다는 것을 이해하고 이것을 CSS로 에뮬레이션하고 싶다. 불행히도 프론트 엔드 개발에서는 초심자이고 기본적인 CSS 속성 만 알고 있습니다.

내가 어떻게 할 수 있는지 추측 할 수 있습니까? 이 작업을 수행 할 수

Answer 1

있는 방법과 같이, 표준 요소의 contentEditable 속성을 추가하는 것입니다 :

<div contenteditable="true">This is an editable div.</div> 

는이 요소에 작성하고 또한 내부에 다른 요소를 넣을 수 있습니다.

Answer 2

아래의 예는 스팬이있는 입력 태그에 입력 내용의 일부 텍스트가있는 예입니다. 이렇게하면 입력 내에서 태그를 사용할 수 있습니다.

span{ 
    position:relative; 
    left:-35px; 
    background:yellow; 
    } 



<input type="text"> 
    <span>tags</span>