Handling Forms & User Input

What pattern does this code implement?

const form = document.getElementById('form');
const data = {};

form.querySelectorAll('[name]').forEach(input => {
  Object.defineProperty(data, input.name, {
    get: () => input.value,
    set: v => input.value = v
  });
});

Form validation
Two-way data binding
This implements two-way data binding between form inputs and a data object: 1) Changes to input values are immediately reflected in the data object, 2) Updates to the data object properties update the corresponding inputs, 3) Provides a reactive interface for form data, 4) Useful for implementing MVVM-like patterns, 5) Should be combined with input events for complete real-time synchronization. However, consider using frameworks or libraries for complex data binding needs.
Form serialization
Event delegation

Next Question (12/20)