Сбросить все поля формы с помощью простого Javascript

Как добавить кнопку формы для сброса всех полей формы с помощью чистого Javascript.

На самом деле не имеет значения, почему вы можете захотеть добавить кнопку сброса формы для своих пользователей. Возможно, форма имеет условную логику, слишком длинна, сложна или имеет поля формы, которые подвержены ошибкам пользователя. Мы рассмотрим невероятно простой способ добавления кнопки формы для сброса всех полей формы с помощью простого и чистого Javascript.

Разберем код HTML-формы

Самым важным начальным фактором для кода HTML-формы на данном этапе является простое присвоение ему ID, для этого примера это будет выглядеть так:

<form id="myform" action="#">

Теперь мы хотим ввести разметку формы

Эта функция сброса формы очистит все поля формы, чтобы остальная часть разметки формы действительно выглядела так, как вы выберете в отношении классов и идентификаторов. Для этого примера наша полная форма с добавленной кнопкой сброса будет выглядеть так:

<form id="myform" action="#">
  <input type="text" name="name" placeholder="Your Name" />
  <input type="text" name="email" placeholder="Your Email" />
  <input type="checkbox" name="option">
  <input type="button" onclick="newFunction()" value="Reset Form" />
  <input type="submit"  value="Submit Form" />
</form>

Сбросить все поля формы с помощью Javascript

Теперь мы хотим ввести наш последний фрагмент кода, который является нашим чистым Javascript, этот код должен быть размещен непосредственно под тегом ‹/form›. Этот простой фрагмент кода Javascript содержит магию, необходимую для распознавания ID вашей формы, и использует действие onclick для очистки формы при нажатии кнопки сброса…

Читать далее — Сбросить все поля формы с помощью Javascript