<input type="reset">

<input> элементов типа reset отображаются как кнопки с обработчиком события click по умолчанию, который сбрасывает все поля ввода в форме до их начальных значений.

Атрибут value элемента <input type="reset"> содержит строку, используемую в качестве метки кнопки, предоставляя кнопке доступное описание. Кнопки, такие как reset, в противном случае не имеют значения.

Если вы не укажете value, вы получите кнопку с меткой по умолчанию (обычно "Сбросить", но это будет зависеть от браузера):

<input type="reset" />

Кнопки <input type="reset"> используются для сброса форм. Если вы хотите создать пользовательскую кнопку и настроить поведение с помощью JavaScript, вам нужно использовать <input type="button">, или еще лучше, элемент <button>.

Начнем с создания простой кнопки сброса:

<form>
  <div>
    <label for="example">Type in some sample text</label>
    <input id="example" type="text" />
  </div>
  <div>
    <input type="reset" value="Reset the form" />
  </div>
</form>

Это отобразится следующим образом:

Попробуйте ввести текст в текстовое поле, а затем нажмите кнопку сброса.

Чтобы добавить сочетание клавиш для кнопки сброса, как и для любого элемента ввода <input>, используйте глобальный атрибут accesskey.

В этом примере в качестве сочетания клавиш указана r (вам нужно будет нажать r вместе с определенными клавишами модификатора для вашего браузера/ОС; см. accesskey для полезного списка этих клавиш).

<form>
  <div>
    <label for="example">Type in some sample text</label>
    <input id="example" type="text" />
  </div>
  <div>
    <input type="reset" value="Reset the form" accesskey="r" />
  </div>
</form>

Проблема с приведенным выше примером заключается в том, что пользователю неизвестно, что такое сочетание клавиш! Это особенно верно, поскольку модификаторы обычно нестандартны, чтобы избежать конфликтов. При создании сайта обязательно предоставляйте эту информацию таким образом, чтобы она не мешала дизайну сайта (например, предоставляя легкодоступную ссылку, которая указывает на информацию о сочетаниях клавиш сайта). Добавление всплывающей подсказки к кнопке (с помощью атрибута title) также может помочь, хотя это не полное решение для обеспечения доступности.

Чтобы отключить кнопку сброса, укажите атрибут disabled на ней, как показано ниже:

<input type="reset" value="Disabled" disabled />

Вы можете включать и отключать кнопки во время выполнения, задавая disabled значение true или false; в JavaScript это выглядит как btn.disabled = true или btn.disabled = false.

Кнопки не участвуют в валидации ограничений; у них нет реального значения, которое должно быть ограничено.

Мы включили простые примеры выше. Больше сказать о кнопках сброса нечего.

• <input> и интерфейс HTMLInputElement, который его реализует.
• Формы и кнопки
• HTML-формы
• Элемент <button>
• Совместимость свойств CSS