Как работат метод reset в js?

Аватар пользователя Кирилл Маркеев
Кирилл Маркеев
05 марта 2023

Метод reset() используется для очистки или для сброса к дефолтным значениям всех полей формы, например, после отправки данных на сервер.

Предположим, что у нас есть форма, состоящая из текстового поля и кнопки "Сбросить":

<form>
  <input type="text" placeholder="Введите что-нибудь">
  <button>Сбросить</button>
</form>

Код на JS:

const form = document.querySelector('form');
const resetBtn = document.querySelector('button');

resetBtn.addEventListener('click', (e) => {
  e.preventDefault(); // добавили, чтобы не перезагружалась страница
  form.reset();
});

Теперь при нажатии на кнопку происходит очистка поля input.

1 0
Аватар пользователя Maksut Ismailov
Maksut Ismailov
20 мая 2023

343433

0 1
Познакомьтесь с основами JavaScript бесплатно

Похожие вопросы