Почему флажок остается установленным при перезагрузке страницы?

Question

Я перезагружаю веб-страницу со следующим кодом:

<label for="showimage">Show Image</label>
<input id="showimage" name="showimage" type="checkbox" value="1" />

Даже несмотря на то, что HTML остается в браузере одинаковым для каждой перезагрузки страницы, флажок всегда принимает проверенное значение при перезагрузке. Другими словами, если пользователь устанавливает флажок и перезагружается, флажок по-прежнему установлен.

Есть ли здесь какое-то кэширование?

Редактировать : я попробовал решение Гордона Белла ниже и обнаружил, что это все еще происходит даже после удаления значения = "1". Что-нибудь еще, что я мог бы пропустить?

<label for="showimage">Show Image</label> 
<input id="showimage" name="showimage" type="checkbox" /> 

Answer 1

Добавьте autocomplete="off" в элемент формы на странице. Недостатком является то, что это недопустимый XHTML, но он устраняет проблему без какого-либо сложного JavaScript.

Answer 2

Да, я считаю, что это кеширование. Я вижу такое поведение на Firefox, например (не Safari, для чего это стоит :)).

вы можете перезагрузить страницу и обойти кеш (в Firefox), используя CTRL - SHIFT - R , и вы увидите, что значение проверки не t carry (обычный CTRL - R , однако, извлекает информацию из кэша)

edit : мне удалось отключить эту сторону сервера в Firefox, установив заголовок элемента управления кэшем:

Cache-Control: no-store

это похоже отключает функцию "запоминания значений форм" в Firefox

Answer 3

set autocomplete = "off" с js также работает хорошо.

например, используя jquery:

$(":checkbox").attr("autocomplete", "off");

Answer 4

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

Увы, он не работает в SO (возможно, сбрасывается с помощью JS) и тупее браузеров, как IE ...

Что предлагает решение: если вам действительно нужно это сделать, сбросьте форму с помощью JS. form.reset () может выполнять эту работу (действует как кнопка сброса ввода).

Answer 5

общественная идея решить эту проблему

сделать форму и кнопку сброса

<form>
<checkbox>
<reset>
</form>

$(reset).trigger("click");//to clear the cache and input 
$(checkbox).trigger("click");//to mark checkbox

Answer 6

$ ( "# ShowImage") проп ( "проверено", ложь);.

Answer 7

Это может быть связано с кэшированием в браузере - очень полезно для статических веб-сайтов, которые не меняются слишком часто, очень плохо для динамических веб-приложений.
Попробуйте использовать эти два метатега в разделе заголовка страницы. Второй метатег предназначен для более старых браузеров (IE5), которые не распознают метатег «no-cache» и, хотя разные, дают один и тот же результат: каждый запрос отправляется на сервер.

<META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 
<META HTTP-EQUIV="Expires" CONTENT="-1">

Answer 8

или вместо f5 нажмите ввод в адресной строке:)