Как очистить форму в html

HTMLFormElement.reset()

Метод HTMLFormElement.reset() восстанавливает стандартные значения всем элементам формы. Данный метод выполняет действие идентичное нажатию кнопки имеющей тип reset.

Если элемент управления формы (такой как кнопка типа reset) имеет имя или идентификатор reset, это маскирует метод HTMLFormElement.reset() . Это не сбрасывает другие атрибуты, такие как disabled.

Синтаксис

.reset();

Пример

.getElementById("myform").reset();

Спецификации

Specification
HTML Standard # dom-form-reset-dev

Совместимость с браузерами

BCD tables only load in the browser

Found a content problem with this page?

Edit the page on GitHub.
Report the content issue.
View the source on GitHub.

This page was last modified on 7 авг. 2023 г. by MDN contributors.

Your blueprint for a better internet.

MDN

Support

Product help
Report an issue

Our communities

Developers

Web Technologies
Learn Web Development
MDN Plus
Hacks Blog

Website Privacy Notice
Cookies
Legal
Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

Значение reset

Тип reset (от англ. «reset» ‒ «сброс») создаёт кнопку сброса. При активации данной кнопки происходит сброс всех введённых пользователем данных формы до первоначальных значений.

Внешний вид

‒ кнопка сброса;
‒ фокус;
‒ наведение курсора;
‒ активация.

Примечание

Действие данной кнопки распространяется только на ту форму, которой принадлежит эта кнопка.

Очистка формы

На сайте находятся справочники и учебные курсы по различным веб-технологиям, а также руководства по вёрстке веб-страниц.

Связи

Разделы сайта

Помощь по сайту

Сайт WebReference.ru использует VPS от компании Beget.

Событие onreset

Событие onreset возникает при очистке формы, происходящей при нажатии на кнопку Reset. Такая кнопка не обязательна и может отсутствовать в форме, а при ее использовании данные формы возвращаются в свое исходное значение.

Синтаксис

onreset="скрипт"

Значения

Значение по умолчанию

Применяется к тегам

Пример

HTML5 IE Cr Op Sa Fx

    Событие onreset   Введите ваше имя

В данном примере при нажатии на кнопку «Очистить» будет выведено диалоговое окно с предупреждением (рис. 1). При нажатии на кнопку ОК форма будет очищена.

Рис. 1

Рис. 1. Использование события onreset

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.