Поведение обновления браузера

StackOverflow https://stackoverflow.com/questions/52213

  •  09-06-2019
  •  | 
  •  

Вопрос

Когда пользователь нажимает «Обновить» в браузере, страница перезагружается, но содержимое полей формы сохраняется.Я считаю, что это полезное значение по умолчанию, но на некоторых динамических страницах оно может раздражать, что приводит к ухудшению пользовательского опыта.

Есть ли способ изменить это поведение в заголовках HTTP или их эквивалентах?

Это было полезно?

Решение 

<input autocomplete="off">

Другие советы

Это должно помочь:

<body onload="document.FormName.reset();">

Замените FormName именем вашей формы, и тогда все поля будут сброшены, когда пользователь нажмет кнопку «Обновить» в своем браузере.

Или, если вы хотите сбросить только некоторые поля, добавьте это внизу страницы:

<script type="text/javascript">
    document.getElementById('field1').value ='';
    document.getElementById('field2').value ='';
    document.getElementById('field3').value ='';
</script>

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

Добавьте атрибут автозаполнения со значением «выключено» к входным данным, которые вы не хотите обновлять.Например:

<input type="text" name="pin" autocomplete="off" />

видетьссылка W3C

хотя в ссылке это не упоминается, он работает и с флажками, по крайней мере, в Firefox.

Вы можете вызвать метод reset() объекта форм из события загрузки тела вашего html-документа, чтобы очистить формы.

ч1.Рекомендации

Интересно, если вы отключите кэширование страницы через метатеги, решит ли это проблему? http://lists.evolt.org/archive/Week-of-Mon-20030106/131984.html Если это так, то он сможет работать в браузере с отключенным Javascript.

Данные в формах не являются частью спецификации w3c.Это функция браузера, которая сделает вашу жизнь проще.Итак, если вы не хотите сохранять данные после перезагрузки, вы можете установить для всех значений формы значение null после ее загрузки, как сказал Эспо.Даже если страница не кэширована, данные будут отображаться в форме, поскольку данные не являются частью HTML-кода страницы.Вы тоже можете попробовать это (не знаю, сработает ли это):

<input type="text" name="foo" value="">
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top