JS сбросить форму

Форма может быть сброшена с помощью метода reset. Этот метод устанавливает все значения формы в исходное состояние с помощью JavaScript.

Рассмотрим пример. Пусть у нас есть следующая форма:

<form id="form"> <input type="text" name="user" value="john"> <button type="button" id="btn">сброс</button> </form>

Получим ссылки на форму и на кнопку с помощью метода querySelector:

let form = document.querySelector('#form'); let btn = document.querySelector('#btn');

Привяжем к кнопке обработчик клика:

btn.addEventListener('click', function() { });

Внутри обработчика выполним сброс формы:

btn.addEventListener('click', function() { form.reset(); });