Задача Задача №1489163
А
А
Конечно! Вот пример 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>
Объяснение кода:
- HTML структура: Код создаёт стандартную форму с полями для логина и пароля.
- Стили: Используется класс
.hiddenдля сокрытия кнопки выхода по умолчанию. - JavaScript: Функция
showLogoutButtonубирает класс.hiddenу кнопки выхода и скрывает форму логина, когда пользователь нажимает на кнопку "ОК". - Форма: На кнопке "ОК" установлено поведение, что она вызывает JavaScript функцию при отправке, чтобы предотвратить отправку данных на сервер, и вместо этого сразу отображает кнопку выхода.
Вы можете легко модифицировать этот код, добавляя обработку реальной аутентификации или дополнительные стили. Если у вас есть вопросы или требуется помощь с конкретными аспектами, не стесняйтесь спрашивать!