Есть какой-либо способ временного сохранения заполненных данных в HTML-форме? Я имею в виду, если у меня есть такая форма:
Name [ John ] Email [ ] Address [ ] Что после закрытия окна и повторного ввода снова на www.domain.com/form.php Значение John все еще вводится в текстовое поле Name ?
Должен ли я использовать SESSIONS для этого? Или я должен автоматически вставлять каждое введенное поле в базу данных? У вас есть идеи?
ОБНОВИТЬ
Я пробовал следовать с Chrome / Microsoft Edge, но безуспешно заполненные поля не сохранялись после обновления браузера. Может, что-то не так?
<script> // Check browser support if (typeof(Storage) !== "undefined") { // Store localStorage.setItem("FirstName", "Hitesh"); // Retrieve document.getElementById("FirstName").value = localStorage.getItem("FirstName"); } else { document.getElementById("FirstName").value = "Sorry, your browser does not support Web Storage..."; } </script> <input id="FirstName" type="text" name="FirstName" class="field-style" placeholder="First Name" required />
вот пример формы с автозаполнением, вы можете использовать localstorage
<input id="FirstName" type="text" name="FirstName" class="field-style" placeholder="First Name" required onchange="save()"/> <script> // Check browser support if (typeof(Storage) !== "undefined") { if(localStorage.getItem("FirstName")!=""){ }else{ // Store localStorage.setItem("FirstName", "Hitesh"); } // Retrieve document.getElementById("FirstName").value = localStorage.getItem("FirstName"); } else { document.getElementById("FirstName").value = "Sorry, your browser does not support Web Storage..."; } function save(){ var name = document.getElementById('FirstName').value; localStorage.setItem("FirstName", name); } </script>
Предпочтительно использовать cookie для хранения данных поля формы на локальном хранилище, поскольку он может легко обрабатываться через JavaScript (считают, что хранение очень личных данных не является хорошей идеей, даже если файл cookie истекает в ближайшее время).
И чтобы установить cookie сразу после заполнения поля, вы можете использовать onFocusOut eventener для полей. Когда пользователь сфокусирован на каждом поле, задайте значение поля ввода в файле cookie.