编辑时更改输入字段背景答案

【问题标题】：Changing input fields background when its edited编辑时更改输入字段背景
【发布时间】：2012-11-30 11:40:39
【问题描述】：

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

感谢您的帮助

【问题讨论】：

【解决方案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");
    });
});

【讨论】：

哦，我以为你想要一段代码来改变输入字段的背景颜色并改变值，而不是当前焦点所在的字段。

【解决方案2】：

这样就可以了！

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

已编辑。

【讨论】：

【解决方案3】：

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

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

【讨论】：