동적으로 TextField 값 수정하기 - 자바 스크립트 - 색상 변경

자바 스크립트를 사용하여 일부 추가 문자 (예 : X)를 추가하여 동적으로 텍스트 필드를 수정합니다. 이를 위해 다음을 사용합니다 :동적으로 TextField 값 수정하기 - 자바 스크립트 - 색상 변경

document.forms['Form1'].elements['some_field'].value = document.forms['Form1'].elements['some_field'].value + "X";

"X"의 색상을 변경할 수 있습니까? 레드 컬러 "X"를 삽입하는 것과 같습니다.

2011-11-07 Hari

, 안쪽 텍스트의 [형식화하는 부분의 중복 가능성 텍스트 필드] (htt p : //stackoverflow.com/questions/3460270/formating-part-of-text-inside-a-textfield) –

* 단지'X '입니까? 나는 그렇게 믿지 않는다. 당신은 필드에 * next *를 넣을 수 있습니다. –

예. 기본적으로 텍스트 필드에 약간의 노이즈를 추가하고 다른 색상으로 표시하려고합니다. @ 필릭스 : JS를 사용하여 텍스트를 동적으로 추가하기 때문에 이것이 다르다고 생각합니다. – Hari

contenteditable 범위를 사용하여 텍스트 상자처럼 보이게 할 수 있습니다.

HTML :

<span contenteditable="true" id="main"></span>

자바 스크립트 :

document.getElementById("main").innerHTML += "<span style=\"color:red\">X</span>";

(옵션) CSS 스타일링

#main { 
    appearance: textfield; 
    -moz-appearance: textfield; 
    -webkit-appearance: textfield; 
    height: 20px; 
    width: 160px; 
}

2011-11-07 02:17:10 Will

답변