В HTML кнопку сброса можно добавить в форму с тегом <input />. Для этого нам нужно указать атрибут type со значением "reset" как type="reset"

<input type="reset" value="Reset" />

И когда пользователь нажимает кнопку Reset, форма, к которой он принадлежит, вернется в исходное состояние.

Это также можно сделать с помощью JavaScript, используя метод reset().

В этом уроке мы увидим, как сбросить HTML-форму с помощью JavaScript.

Пример

  • Предположим, что у нас есть веб-сайт электронной коммерции, содержащий форму входа и регистрации на той же странице, что и Facebook.
  • HTML-форма для регистрации с идентификатором registrationForm, которую будет использовать новый клиент, пришедший на наш сайт.
<form action="https://example.com/registration" method="post" id="registrationForm">
  <!-- .... -->
</form>

Итак, чтобы сбросить эту форму, мы будем использовать метод JavaScript reset().

const registrationForm = document.getElementById("registrationForm");
registrationForm.reset();

Это вернет форму в исходное состояние, очистив все элементы формы.

Прочитайте полный пост на нашем сайте MeshWorldСброс HTML-формы с помощью JavaScript

Читайте другие посты на нашем сайте MeshWorld

«Разговоры дешевы. Покажи мне код».

~ Линус Торвальдс

Удачного 😄 кодирования

С ❤️ от 🇮🇳