inputに入力があったら、該当箇所をハイライトし、他の入力箇所の無効化

document.addEventListener( 'DOMContentLoaded', _=> {
    const elements = document.querySelectorAll( '#change_form form' );
    const len = elements.length;
    document.addEventListener( 'input', e => {
        const t = e.target;
        const parent = t.parentNode;
        t.style.backgroundColor = 'yellow';
        for ( let i = 0; i < len; i++ ) {
            if ( elements[ i ] === parent ) { continue; }
            for ( let ii = 0; ii < elements[ i ].length; ii++ ) {
                elements[ i ][ ii ].disabled = true;
            }
            /*
            // テキストエリアだけなら下記でもできるはず
            elements[ i ].querySelectorAll( 'input' )[ 0 ].disabled = true;;
            */
        }
    } );
} );

動くサンプル：https://jsfiddle.net/0mr5x0sa/2/

提示された下記「修正中のコード」は、

 document.addEventListener("input", function(e){markAsEdited(e)});
    function markAsEdited(e) {

            var t = e.target;
            var parent = t.parentNode;
            t.style.backgroundColor = "yellow";

            var elements = document.querySelectorAll("#change_form form");
      for (var i = 0; i < elements.length; i++) {
            if(elements !== parent) {
                            for (var i = 0; i < parent.length; i++) {
                             parent.querySelectorAll("input").disabled = true;
                             }
                        }
        }
    }

1. var i = 0; を2回使っているため無限ループします
2. elements !== parent は Form の塊と現在の Form を比較しているので合うわけが無い
3. parent.length はイベントが起こった所の要素数
4. parent.querySelectorAll はイベントが起こった所のform要素から探している
   また少なくとも parent.querySelectorAll("input")[0].disabled = true; と書かないと一つもdisabled にならない
5. parent.querySelectorAll("input") は複数要素を返すため、指定方法が違う