| Предыдущая версия справа и слеваПредыдущая версияСледующая версия | Предыдущая версия |
| software:development:demo:adaptive_registration_form_sample [2026/01/27 05:57] – [2fa.php] VladPolskiy | software:development:demo:adaptive_registration_form_sample [2026/02/01 19:39] (текущий) – [Дополнения и Файлы] VladPolskiy |
|---|
| ====== Простая адаптивная форма регистрации и авторизации ====== | ====== Простая адаптивная форма регистрации и авторизации ====== |
| Данная форма написана на PHP и CSS. Адаптивность ей придает медиа-запрос ''@media screen and (max-width: 480px)'' Это правило адаптивного дизайна, которое применяет определенные стили, когда ширина окна браузера составляет 480 пикселей или меньше , а устройство — экран (например, настольный компьютер, смартфон или планшет). | Данная форма написана на PHP и CSS. Адаптивность ей придает медиа-запрос ''@media screen and (max-width: 480px)'' Это правило адаптивного дизайна, которое применяет определенные стили, когда ширина окна браузера составляет 480 пикселей или меньше , а устройство — экран (например, настольный компьютер, смартфон или планшет). |
| | \\ |
| | * <fc #22b14c>Windows 10 Pro</fc> |
| | * [[https://www.apachefriends.org/download.html|XAMPP]] <fc #22b14c>- полностью бесплатный и простой в установке дистрибутив Apache, содержащий MariaDB, PHP и Perl. Работая в среде MS Windows, его использование регулируется</fc> [[https://ru.wikipedia.org/wiki/GNU_General_Public_License|GNU General Public License]]. |
| | * <fc #22b14c>Google Chrome — браузер, разрабатываемый на основе свободного браузера Chromium и движка Blink.</fc> |
| | * [[https://notepad-plus-plus.org/|Notepad++]] <fc #22b14c>- бесплатный текстовой редактор исходного кода. Работая в среде MS Windows, его использование регулируется</fc> [[https://ru.wikipedia.org/wiki/GNU_General_Public_License|GNU General Public License]]. |
| | |
| \\ | \\ |
| {{:software:development:demo:adaptiv_form-activ_sample_php_css_1.png?|}} | {{:software:development:demo:adaptiv_form-activ_sample_php_css_1.png?|}} |
| \\ | \\ |
| ==== OTP.php ==== | ==== OTP.php ==== |
| Cоздадим файл формы получения кода 2х факторной аутентификации через мобильное приложение ''OTP.php'' в директории ''pages'' и запишем в него следующий код | Cоздадим файл формы получения кода 2х факторной аутентификации через мобильное приложение ''OTP.php'' в директории ''pages'' и запишем в него следующий код-заглушку |
| | <code php OTP.php> |
| | <form method="post" action="#"> |
| | <h2>Форма 2FA</h2> |
| | <p>*Отсканируйте в приложении QR code: </p> |
| | <!-- echo $tfa->getQRCodeImageAsDataUri('Demo', $secret);--> |
| | <img src="css/qr_code.png" /> |
| | <p>*Введите код вручную: </p> |
| | <h5>I4BQ P7MB TBG6 LW5I ID5O JY2E SQSV EWX4</h5> |
| | <p>*Подтвердите код на мобильном устройстве </p> |
| | </form> |
| | </code> |
| | Эта форма единожды будет доступна при включении пользователем двухфакторной авторизации после регистрации. |
| | \\ |
| | {{:software:development:demo:adaptiv_form-activ_sample_php_css_24.png?|}} |
| | \\ |
| | ==== logout.php ==== |
| | Последний файл ''logout.php'' не доступен для просмотра и будет служить для кода выхода из системы. |
| | ===== Дополнения и Файлы ===== |
| | * См.так же |
| | * [[software:development:demo:adaptive_registration_form_block|Блочная адаптивная форма регистрации и авторизации]] |
| | * [[software:development:demo:adaptive_registration_form_complex_block|Блочная полная адаптивная форма регистрации и авторизации]] |
| | * {{ :software:development:demo:htdocs.zip |Скачать архив с примерами}} |