Интересные стильные решения для оформления форм обратной связи на сайте с использованием CSS и jQuery.
В заметке представлено 20 различных реализаций: пошаговые формы, формы с проверкой правильности ввода информации «на лету», всплывающие подсказки при заполнении форм, формы с CSS3 анимированными эффектами, формы, выезжающие с различных сторон, форма в стиле Facebook, форма в стиле старой печатной машинки и другие решения. Я думаю, вы обязательно подберете подходящий вариант.
Создание контактных форм: обратной связи, комментирования, форма входа, форма регистрации с проверкой правильности ввода информации.
Аккуратная форма с пошаговым заполнением. Снизу указан индикатор заполнения формы.
Заполнение формы в несколько шагов с проверкой правильности заполнения.
Проверка правильности ввода ифнормации осуществляется «на лету» перед отправкой сообщения с использованием JavaScript.
Анимированное переключение с помощью jQuery между формой входа на сайт, формой регистрации и полем для восстановления пароля. На демонстрационной странице нажмите на желтую ссылку для того чтобы увидеть эффект.
Подобное решение можно использовать для того, чтобы дать посетителю возможность быстро связаться с владельцем сайта с любой страницы. На демонстрационной странице нажмите на стрелочку снизу, чтобы выехала форма.
Форма с проверкой правильности ввода информации.
Симпатичная форма регистрации, реализованная с помощью CSS, PHP и jQuery.
Реализована возможность перед отправкой сообщения добавлять новые поля.
1 | 2 |