更改表格背景顏色（如果有任何字段發生了變化）

Question

所以我有這種大而複雜的頁面有幾種形式，其中一些非常大。 該頁面充滿了對錶單輸入執行一些操作的JavaScript代碼。

我希望有一個視覺反饋，當表單有一些輸入從原來的價值改變。理想情況下，一些淺色背景色，只使用CSS。

Answer 1

document.getElementById('form-id').onchange = function() { 
    //tweak css here 
}; 

Demo Fiddle

Answer 2

您可以使用普通的javascript設置一個特殊的類幾秒鐘以突出顯示更改，然後將其刪除。

HTML：

<div id="MyElement">Some Stuff</div> 

的Javascript：

// On data changed: 
document.getElementById("MyElement").className = "highlighted"; 
setTimeout(function() { document.getElementById("MyElement").className = ""; }, 5000); // remove highlight after 5 seconds 

確保你有一個適當的CSS類來反映這一點。 CSS：

.highlighted 
{ 
    background-color: yellow; 
}