编辑时更改输入字段背景

Question

我目前正在为我的项目开发管理面板，并想知道如何创建输入表单，当用户在其中编辑文本时会改变其背景颜色。我需要在大表中查看编辑的单元格。也许它必须是一些javascripts或纯粹的css / html

感谢您的帮助

Answer 1

表单示例：

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

如果要查看实际输入编辑，可以在css中使用焦点选择器 DEMO
在你的CSS中：

 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='';}" />

编辑。