@Stas2021

Почему input checked сохраняется при перезагрузке страницы?

Добрый день!

Столкнулся с такой проблемой.
Есть тег <*input type="checkbox"*>

Когда пользователь отмечает элемент (т.е. элемент становится checked) применяется стиль:

input:checked{
animation:st 1.1s ease-in 0.5s both;}

@keyframes st{from{opacity:1;}to{opacity:0;display:none;}}

Как минимум в Firefox 70.0.1 и IE11 при перезагрузке страницы элемент оказывается checked по умолчанию, что вызывает его анимацию (пропадание) без действий пользователя.

Т.е. если пользователь отметил checkbox - сheckbox пропал - перезагрузил страницу - checkbox появился отмеченным и пропал.

В Chrome и Opera такого не происходит.

Кто-нибудь может объяснить почему так происходит и что можно сделать?
  • Вопрос задан
  • 420 просмотров
Пригласить эксперта
Ответы на вопрос 1
arsenty
@arsenty
Full Stack Designer
Если бы попробовали проверить на чистой странице без анимаций, скриптов и прочего, ну и в чистом браузере без настроек и расширений, то узнали бы, что это стандартное поведение.

Если вам нужно, чтобы checkbox при перезагрузке страницы сбрасывался, то вы выбрали не самый подходящий html-элемент. Если вам нужен checkbox только для визуала, лучше использовать button.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы