Как очистить форму после отправки js

Аватар пользователя Yaroslav Mikhaylov
Yaroslav Mikhaylov
12 августа 2022

Форму целиком можно очистить при помощи метода reset(). Например:

<form id="myForm">
  Имя: <input type="text" name="fname"><br>
  Фамилия: <input type="text" name="lname"><br><br>
  <button type="submit" value="Отправить">
</form>

Чтобы эта форма очищалась по нажатию кнопки "Отправить", понадобится следующий код:

const form = document.getElementById("myForm");

form.addEventListener('submit', (e) => {
  // действия с данными
  e.preventDefault();
  e.target.reset(); // очищаем форму
})
1 0
Познакомьтесь с основами JavaScript бесплатно