CSS를 사용하여 텍스트 필드의 값 스타일을 지정하는 방법은 무엇입니까?

어떻게 텍스트 필드에 값을 스타일링 할 수 있습니까? 예 : 텍스트 필드에 Science, Mathematics 값이있는 경우. 쉼표를 구분하는 대신, 이러한 제목을 상자 또는 다른 것으로 표시하고 싶습니다. stackoverflow에서 questing에 태그를 추가하는 것과 같습니다!CSS를 사용하여 텍스트 필드의 값 스타일을 지정하는 방법은 무엇입니까?

출처

2012-02-16 Namit

의 중복 가능성 http://stackoverflow.com/questions/5031162/ plugin-to-separate-tags-like-the-stackoverflows-input-tags-interface) –

의 텍스트 상자를 참조하십시오 .에 대한 stackoverflow는 텍스트 상자가 아닙니다.

테두리가있는 가장 큰 숫자는 div이며 각 태그의 태그는 span입니다. 그런 다음 옆에 textbox (테두리 없음)이 뜬다.

실제로 텍스트 상자 안에있는 태그의 모양을 나타냅니다.

을 클릭하면 태그에 새 레코드가 추가됩니다.

일례이 jQuery 플러그인 참조 :

http://loopj.com/jquery-tokeninput/

[(유래의 태그 입력 인터페이스와 같이) 태그를 분리하기 위해 플러그 (

출처

2012-02-16 17:13:02 Curt

CSS만으로는이 작업을 수행 할 수 없습니다. 이 작업을 수행하려면 일종의 javascript/jquery 플러그인을 사용해야합니다.

여기 제가 사용했습니다.

http://harvesthq.github.com/chosen/

출처

2012-02-16 17:04:53

당신이 알고있는 어떤 제안이라도 있으면? – Namit

다중 선택 옵션을보십시오. –

가 텍스트 필드 무엇입니까 : 그것은 꽤 좋은? <textarea>입니까? 컨테이너가 아닌 다른 텍스트 요소를 스타일 할 수 없습니다. 편집 가능한 입력란에서 텍스트 서식 지정/색상 표시가 필요한 경우 자바 스크립트 서식있는 텍스트 편집기를 확인하십시오. FCKEditor이 한 예입니다.

출처

2012-02-16 17:06:30

일반 텍스트 필드가 없습니다! 나는 태그 스타일이 일반 스타일과 같은 스타일을 원한다. – Namit

같은 거래를한다. 'contenteditable'을 시도해보십시오 (google it). 그러나 사람들은 사용하기가 매우 어렵고 불안정하다고 말합니다. –

CSS를 사용하여 텍스트 필드의 값 스타일을 지정하는 방법은 무엇입니까?

답변

관련 문제