편집 할 때 입력 필드 배경을 변경하십시오.

Question

현재 프로젝트의 관리자 패널에서 작업 중이며 입력 폼을 어떻게 만들 수 있습니까? 사용자가 텍스트를 편집 할 때 배경색을 변경하는 방법이 궁금합니다. 큰 테이블에서 어떤 셀이 편집되었는지 확인해야합니다. 그것은 일부 자바 스크립트 아니면 그냥 순수 CSS/HTML해야 할 수 있습니다 당신의 도움이 양식의

Answer 1

예를 들어

감사 : 당신이보고 싶다면 당신은 CSS에 초점 선택기를 사용할 수 있습니다

<form> 
First name: <input type="text" name="firstname" /><br> 
Last name: <input type="text" name="lastname" /> 
</form>​ 

당신의 CSS에서 실제 입력 편집
DEMO
:

input:focus 
    { 
    background-color:yellow; 
    } 

아니면 모든 입력 편집을보고 싶은 경우이 같은 jQuery로 시도 할 수 있습니다 :
DEMO

$(document).ready(function(){ 
    $("input[type=text]").change(function() { 
      $(this).css("background","#c7c7c7"); 
    }); 
}); 

Answer 2

이 트릭을 할 것입니다!

<input type="text" onblur="javascript:if(this.value!=original_value){this.style.backgroundColor='red';}else{this.style.backgroundColor='';}" />

편집.

Answer 3

나는, 내가 변경 한 값으로 입력 필드의 배경색을 변경 코드의 조각을 원한다고 생각하는 필드가

$(window).load(function() { 
     $('textarea, input, select').change(function() { 
      $(this).css({'background' : '#D6FFD6'}); 
     }); 
    });