Alpine.js · самостоятельный пример · данные обрабатываются в этом браузере

Заявка без перегруженного экрана

Три шага до понятного результата

Переход вперёд проверяет текущий шаг, переход назад сохраняет ввод. Никакие данные не отправляются на сервер.

Попробуйте: очистите описание и нажмите «Далее». После исправления перейдите к параметрам, укажите 16 часов и проверьте итоговую карточку.

Что нужно сделать

От 10 до 300 символов.

Параметры заявки

Используйте вымышленный адрес, например demo@example.com.

Проверьте перед завершением

  • Задача
  • Описание
  • Оценка
  • Email

Готово: заявка собрана в браузере.
Это локальный результат. Письмо и заявка на сервер не отправлялись.

x-show переключает шаги без потери полей; методы проверяют данные, а $nextTick помогает поставить фокус после изменения экрана.