// ФРЕЙМВОРК: REACT

> React Plain Form

Базовая React форма с использованием контролируемых компонентов через useState. Простая интеграция с Form Guardian.

[REACT]

АВТОСОХРАНЕНИЕ: ВКЛЮЧЕНО

ХРАНИЛИЩЕ: INDEXEDDB

СТАТУС: ГОТОВО

◆

СОВЕТ: Заполните форму и наблюдайте, как данные автоматически сохраняются. Попробуйте обновить страницу - данные сохранятся!

[Имя] *

[Email] *

[Телефон]

[Возраст]

[Страна]

[Пол]

МужскойЖенскийДругой

Подписаться на рассылку

Я согласен с условиями использования *

[Сообщение]

Эти поля демонстрируют работу blacklist и whitelist. Некоторые поля автоматически исключаются по дефолтным правилам.

[Пароль (исключено по умолчанию - type="password")]⚠ Это поле не сохраняется, так как type="password"

[API Key (исключено по умолчанию - имя содержит "api" и "key")]⚠ Это поле не сохраняется, так как имя содержит "api" и "key"

[SSN (исключено через кастомный blacklist)]⚠ Это поле не сохраняется через кастомный blacklist: ['input[name="ssn"]']

[Секретное поле (исключено через data-no-save)]⚠ Это поле не сохраняется через кастомный blacklist: ['[data-no-save]']

[Безопасный API Key (в whitelist, сохраняется несмотря на имя)]✓ Это поле сохраняется, так как в whitelist: ['input[data-safe]']

[Безопасный пароль (в whitelist, сохраняется несмотря на type="password")]✓ Это поле сохраняется, так как в whitelist: ['input[data-safe]']

[TTL (время жизни черновика):]

дней

часов

минут

(оставьте пустым = без ограничений)

[Batch Save Interval (ms)]Сохранять изменения пачками (0 = отключено)

[ВОЗМОЖНОСТИ]

[БЕЗОПАСНОСТЬ]

[ПРОИЗВОДИТЕЛЬНОСТЬ]