HTML - введенное значение после обновления

Обычно, когда обновление выполняется на HTML-странице, значения для полей ввода сохраняются (если вы не делаете Ctrl + F5).

Есть ли заголовок или другой тип настройки, который может изменить это поведение, не записывая ничего на форму или сам ввод?

У меня есть сайт, где входное значение не сохраняется после обновления страницы в Production. Однако у меня нет такого поведения, когда я тестирую этот код на своей локальной машине.

Ответ 1

Если вы установите атрибут autocomplete=off, содержимое никогда не будет сохранено.

В качестве альтернативы существует множество способов сделать это с помощью javascript, в зависимости от того, что вы хотите выполнить, будь то очистка всей формы (использование метода reset()) или сброс одиночного поля.

Ответ 2

Вы можете добавить form.reset() в тело onload:

<html>
    <body onload="form1.reset();">
        <form id="form1">
            <textarea id="text"></textarea>
        </form>
    </body>
</html>

Обновление: хотя это может быть полезной техникой, я теперь узнал, что на самом деле он не отвечает на вопрос о подписчике.

Ответ 3

Как установить значение по умолчанию для DOM с javascript?

Что-то вроде

<input name="foo" id="foo" type="text">

$('#foo').val('3')

Ответ 4

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

Хороший способ понять, что происходит, - это сократить код до простейшего возможного примера, который все еще воспроизводит проблему. Удалите всю графику, ненужный текст, таблицы стилей и другое форматирование, нерелевантные javascript, нерелевантные теги HTML и т.д., Но всегда проверяя, что вы все еще можете воспроизвести проблему. В конце концов останется так мало кода, что должно быть очевидно, что это заставляет поля быть reset. Вам придется делать все это на производственной машине, так как вы не можете воспроизвести ее локально. Для этого сделайте копию сценариев и переименуйте их в index2.html и т.д. Перед тем, как это сделать, убедитесь, что у вас есть резервные копии вашей производственной системы, если что-то пойдет не так.

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

Ответ 5

Я обычно использую это:

var reset_input_values = document.querySelectorAll('input');
for (var i = 0; i < reset_input_values.length; i++) {
  reset_input_values[i].value = 'value you want ';
}

Ответ 6

Я понял это.

Работа вокруг:

Добавьте логический флаг в свой файл машинописи и установите по умолчанию отключить (false)
Поместите *ngIf в свой HTML
На ngAfterViewInit() установите true

Ответ 7

Вы можете сбросить входное значение на пустую строку, например, так:

HTML:

<form>
    <input type="email" id="input-value" placeholder="Type your email..." required>
    <button type="submit">Submit</button>
</form>

JavaScript:

window.onload = function() {
  document.getElementById('input-value').value = '';
}

Он будет очищать входное значение при каждом обновлении страницы. Надеюсь, это поможет!