Как сохранить данные формы в sessionstorage?
Как сохранить данные формы в sessionstorage?
1 ответ
от
landen.nienow ,
7 месяцев назад
@rachel
Для сохранения данных формы в sessionstorage, вы можете использовать JavaScript. Вот пример:
- В HTML добавьте форму с элементами ввода:
1 2 3 4 5 |
<form id="myForm"> <input type="text" name="name" placeholder="Имя"> <input type="email" name="email" placeholder="Email"> <input type="submit" value="Отправить"> </form> |
- В JavaScript добавьте обработчик события submit для формы, который сохранит значения элементов ввода в sessionstorage при отправке формы:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
var form = document.getElementById('myForm');
form.addEventListener('submit', function(event) {
event.preventDefault(); // Отменяет отправку формы
var nameInput = document.getElementsByName('name')[0];
var emailInput = document.getElementsByName('email')[0];
sessionStorage.setItem('name', nameInput.value);
sessionStorage.setItem('email', emailInput.value);
// Другие действия, например, перенаправление на другую страницу
});
|
- Вы можете использовать sessionstorage.getItem() для получения сохраненных значений, например, при загрузке страницы:
1 2 3 4 5 6 7 |
document.addEventListener('DOMContentLoaded', function() {
var nameInput = document.getElementsByName('name')[0];
var emailInput = document.getElementsByName('email')[0];
nameInput.value = sessionStorage.getItem('name');
emailInput.value = sessionStorage.getItem('email');
});
|
Теперь данные из формы будут сохранены в sessionstorage и восстановлены при загрузке страницы. Обратите внимание, что sessionstorage доступен только в пределах текущей сессии браузера.
15