Очистка формы после отправки от введенной пользователем информации является вполне логичной. Для этой цели мы будем использовать простой и удобный метод.
Метод HTMLFormElement.reset()
Для очистки полей формы на чистом JavaScript достаточно дописать в обработчик событий submit этот метод, применив его к элементу, который вызывает его. В нашем случае — это форма.
document.addEventListener('submit', (e) => {
// Отключаем событие по умолчанию
e.prevent.Default();
// Очищаем поля формы
e.target.reset();
});Этот способ позволяет легко произвести очистку форму после отправки или вернуть до значений по умолчанию. Если первоначально в полях формы были указаны дефолтные значения, которые пользователь изменил, то произойдет откат к их исходному состоянию. Обнулятся только те поля, которые изначально были пустыми.
Поддержка браузерами
Метод HTMLFormElement.reset() для очистки формы после отправки работает во всех современных браузерах, в том числе в IE9 и выше.
