Запоминание данных формы

Небольшой JS код для запоминания введенных в форму данных, которые сохраняются в локальное веб-хранилище localStorage

Скрипт состоит из 2-х функций, одна из которых записывает данные, а другая считывает. Вызываться они могут при любом нужном событии, в примере это нажатие на кнопку "Запомнить".

Еще в теме представлен альтернативный вариант на jQuery с плагином garlic.js

Пример на JS:

Заполните форму и нажмите кнопку "Запомнить"

Далее можно обновить или закрыть страницу, но эти данные сохранятся.

type="text"
type="email"
type="number"
type="range"
type="date"
type="color"
type="radio"
type="checkbox"
select
textarea

HTML:

JS:

Запоминание данных формы осуществляется функцией remember, например:

<input type="button" onclick="remember(document.getElementById('myform'))" value="Запомнить" />

А установка значений функцией recollect

Пример на jQuery:

Заполните форму, введенная информация будет сохраняться автоматически.

Далее можно обновить или закрыть страницу, но эти данные сохранятся.

type="text"
type="email"
type="number"
type="range"
type="date"
type="color"
type="radio"
type="checkbox"
select
textarea

HTML:

jQuery:

Просто подключаем jQuery и плагин garlic.min.js

Подробнее о нем можно узнать на сайте авторов garlicjs.org

1

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!