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

3 года назад

Andrey Moshkov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Метод 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.

3 года назад

Кирилл Маркеев

343433

2 года назад

Maksut Ismailov

10 месяцев·С нуля