В 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
«Разговоры дешевы. Покажи мне код».
~ Линус Торвальдс
Удачного 😄 кодирования
С ❤️ от 🇮🇳