編輯時更改輸入字段背景

Question

我目前正在爲我的項目設計管理面板，並且想知道如何創建輸入表單，當用戶在其中編輯文本時，如何創建輸入表單，更改其背景顏色。我需要在大表中查看編輯了哪些單元格。可能是它必須有一些Java腳本或者只是純粹的CSS/HTML

感謝您的幫助您的形式

Answer 1

例子：

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

您可以在CSS，如果你想看到的使用對焦選擇在你的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

使用jQuery的此位來改變背景顏色，當一個字段編輯

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