Формы

Для форм есть дополнительные свойства DOM, которые упрощают навигацию и поиск элементов.

Рассмотрим основные элементы формы и средства для работы с ними.

На элементах формы происходят события клавиатуры и мыши, но есть и несколько других, особенных событий.

Событие change

Событие change происходит при изменении значения элемента формы. По стандарту, оно должно происходить после того, как элемент теряет фокус.

В реальности оно так и происходит для текстовых элементов.

Например, пока вы набираете что-то в текстовом поле ниже — события нет.

JavaScript может делать с формами почти всё, что угодно. Единственное, что он не может — это самостоятельно заполнять поля <input type="file">, без инициативы пользователя.

Наиболее частое применение — это валидация (проверка) формы перед отправкой.

Событие focus вызывается тогда, когда пользователь фокусируется на элементе, например кликает на INPUT.

Событие blur вызывается, когда фокус исчезает, например посетитель кликает на другом месте экрана.