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で実際の入力編集デモを確認したい場合は、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'});
         });
    });