Ответ
input type="reset" создает кнопку, которая сбрасывает значения всех полей формы к их начальным значениям (по умолчанию). При нажатии форма возвращается в исходное состояние.
Пример:
<form>
<input type="text" value="Изначальное значение">
<input type="reset" value="Сбросить">
</form>Особенности:
- Не отправляет форму, только очищает поля.
- Работает только в пределах формы, к которой принадлежит.
- Можно кастомизировать через CSS, как обычную кнопку.
- Лучше использовать
type="button"с кастомным JS, если нужен более гибкий сброс.
Ответ 18+ 🔞
А, ну это же та самая кнопка, которая всех бесит! type="reset", мать её. Выглядит как обычная кнопка, а по нажатию — бац! — и вся твоя форма, в которую ты полчаса вбивал данные, обнуляется к хуям собачьим. Чистый пиздец, а не функционал.
Смотри, как это работает, на примере:
<form>
<input type="text" value="Изначальное значение">
<input type="reset" value="Сбросить всё к ебене матери">
</form>Ты вводишь в поле что-то своё, типа «я тут понаписал, блядь», жмёшь эту чудо-кнопку — и оп-па! Снова торчит «Изначальное значение». Вот такая хитрая жопа.
Важные нюансы, чтобы не обосраться:
- Не отправляет форму. Она не делает
submit, она просто возвращает всё, как было. Типа откат к первоначальному сохранению, только в жизни. - Работает только в своей форме. Это не глобальная кнопка «удалить всё на компе». Только внутри своего родного
<form>тега. - Внешне — обычная кнопка. Её можно стилизовать через CSS, чтобы выглядела не так по-деревенски.
- Но лучше не использовать её вообще. Серьёзно. Потому что пользователь может нажать её случайно, и всё — пиши пропало. Для умного сброса почти всегда берут
type="button"и пишут свой скрипт на JavaScript, который хотя бы спросит: «Ты уверен, что хочешь всё обнулить, мудак?». А эта штука срабатывает молча. Овердохуище риска.
Короче, инструмент на любителя. Чаще всего — на любителя пострелять себе в ногу.