Новая Школа - онлайн-школа подготовки к ЕГЭ
Задача Задача №1489163
А
Аноним
13 сентября 2024 03:47 · публичный вопрос
А
Аноним

php код. Написать код, в результате которого будет форма для заполнения пароля и логина с кнопкой "ОК" при нажатии на кнопку должна появляться кнопка выхода

Ответ нейросети
13 сентября 2024 03:47

Конечно! Вот пример PHP-кода, который создаёт форму для ввода логина и пароля, а также кнопку "ОК". После нажатия на кнопку "ОК" появляется кнопка выхода.

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Форма авторизации</title>
    <style>
        .hidden {
            display: none;
        }
    </style>
    <script>
        function showLogoutButton() {
            document.getElementById('logoutButton').classList.remove('hidden');
            document.getElementById('loginForm').classList.add('hidden');
        }
    </script>
</head>
<body>

<div id="loginForm">
    <form action="#" method="post" onsubmit="showLogoutButton(); return false;">
        <label for="username">Логин:</label>
        <input type="text" id="username" name="username" required><br><br>
        
        <label for="password">Пароль:</label>
        <input type="password" id="password" name="password" required><br><br>
        
        <button type="submit">ОК</button>
    </form>
</div>

<button id="logoutButton" class="hidden" onclick="alert('Вы вышли из системы!');">Выход</button>

</body>
</html>

Объяснение кода:

  1. HTML структура: Код создаёт стандартную форму с полями для логина и пароля.
  2. Стили: Используется класс .hidden для сокрытия кнопки выхода по умолчанию.
  3. JavaScript: Функция showLogoutButton убирает класс .hidden у кнопки выхода и скрывает форму логина, когда пользователь нажимает на кнопку "ОК".
  4. Форма: На кнопке "ОК" установлено поведение, что она вызывает JavaScript функцию при отправке, чтобы предотвратить отправку данных на сервер, и вместо этого сразу отображает кнопку выхода.

Вы можете легко модифицировать этот код, добавляя обработку реальной аутентификации или дополнительные стили. Если у вас есть вопросы или требуется помощь с конкретными аспектами, не стесняйтесь спрашивать!