html - 编辑时更改输入字段背景

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

已编辑。

Answer 3

编辑字段时，我使用这一点 jquery 来更改背景颜色

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