Как запретить браузеру сбрасывать входные данные при обновлении страницы?

Question

Как вы знаете, когда у нас есть входные данные в наших HTML-формах (флажок, ввод или текстовое поле), когда мы обновляем (например, с помощью f5) Firefox устанавливает заполненные значения. Что я должен сделать, чтобы предотвратить это?

Я ожидаю, что все мои поля будут пустыми и по умолчанию установлены флажки и выбраны входные данные на всех страницах, но при перезагрузке браузер устанавливает для них заполненные значения.

Answer 1

Вы можете добавить атрибут autocomplete="off" к элементу формы. Но это также отключит автозаполнение форм ввода после их фокусировки. Что может быть нежелательным.

Answer 2

Используйте это в вашем теге формы

<form autocomplete="off" action="#" method="get">

и для огненной лисы, вы должны попробовать это (индивидуальные вводы формы)

<input type="password" autocomplete="off"> 

Answer 3

Если все поля ввода находятся в поле формы, вы можете просто использовать .reset() и запустить его после загрузки страницы, чтобы сбросить все поля формы.

if (document.readyState === "complete") {
 document.getElementById("myForm").reset();
}