Ответы Mail
Программирование
Android
C/C++
C#
iOS
Java
JavaScript
jQuery
SQL
Perl
PHP
Python
Веб-дизайн
Верстка, CSS, HTML, SVG
Системное администрирование
Другие языки и технологии
Лидеры категории
Лена-пена
М.И.
Y.Nine
•••
Искусственный Интеллект
Искусственный Интеллект
Искусственный Интеллект
Html/css Програмисты помогите
Vadim Cripers
(92),
открыт
6 дней назад
скиньте код авторизации и регистрации пожалуйста, инет весь обыскал там одни php. И как подключать базу данных помогите пожалуйста
5 ответов
никому я не нужен...
(22711)
6 дней назад
я не программист но я умею играть в президенты голосуй за меня
Максим Лебедев
(553)
6 дней назад
Вот пример кода для авторизации и регистрации с использованием HTML и CSS:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Авторизация и регистрация</title>
<style>
/* Стили для формы авторизации и регистрации */
.form-container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f1f1f1;
}
.form-box {
background-color: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.form-box h2 {
text-align: center;
margin-bottom: 20px;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.form-group input {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
}
.form-group button {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
</style>
</head>
<body>
<div class="form-container">
<div class="form-box">
<h2>Авторизация</h2>
<form>
<div class="form-group">
<label for="username">Имя пользователя</label>
<input type="text" id="username" placeholder="Введите имя пользователя" required>
</div>
<div class="form-group">
<label for="password">Пароль</label>
<input type="password" id="password" placeholder="Введите пароль" required>
</div>
<div class="form-group">
<button type="submit">Войти</button>
</div>
</form>
<h2>Регистрация</h2>
<form>
<div class="form-group">
<label for="new-username">Имя пользователя</label>
<input type="text" id="new-username" placeholder="Введите имя пользователя" required>
</div>
<div class="form-group">
<label for="new-password">Пароль</label>
<input type="password" id="new-password" placeholder="Введите пароль" required>
</div>
<div class="form-group">
<button type="submit">Зарегистрироваться</button>
</div>
</form>
</div>
</div>
</body>
</html>.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Авторизация и регистрация</title>
<style>
/* Стили для формы авторизации и регистрации */
.form-container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f1f1f1;
}
.form-box {
background-color: white;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.form-box h2 {
text-align: center;
margin-bottom: 20px;
}
.form-group {
margin-bottom: 15px;
}
.form-group label {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.form-group input {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 4px;
}
.form-group button {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
</style>
</head>
<body>
<div class="form-container">
<div class="form-box">
<h2>Авторизация</h2>
<form>
<div class="form-group">
<label for="username">Имя пользователя</label>
<input type="text" id="username" placeholder="Введите имя пользователя" required>
</div>
<div class="form-group">
<label for="password">Пароль</label>
<input type="password" id="password" placeholder="Введите пароль" required>
</div>
<div class="form-group">
<button type="submit">Войти</button>
</div>
</form>
<h2>Регистрация</h2>
<form>
<div class="form-group">
<label for="new-username">Имя пользователя</label>
<input type="text" id="new-username" placeholder="Введите имя пользователя" required>
</div>
<div class="form-group">
<label for="new-password">Пароль</label>
<input type="password" id="new-password" placeholder="Введите пароль" required>
</div>
<div class="form-group">
<button type="submit">Зарегистрироваться</button>
</div>
</form>
</div>
</div>
</body>
</html>.
Максим ЛебедевПрофи (553)
6 дней назад
Для подключения базы данных в CSS/HTML проекте необходимо использовать серверные языки программирования, такие как PHP, Node.js или ASP.NET. Эти языки позволяют обрабатывать запросы, подключаться к базе данных и возвращать необходимые данные для отображения на веб-странице.
Например, в PHP-коде можно выполнить следующие шаги для подключения к базе данных:
1. Установить драйвер или библиотеку для работы с СУБД (например, mysqli или PDO для MySQL).
2. Задать параметры подключения, такие как хост, порт, имя базы данных, логин и пароль.
3. Использовать соответствующие функции или методы для выполнения запросов к базе данных и получения результатов.
4. Возвращать полученные данные для отображения на HTML-странице.
Например, в PHP-коде можно выполнить следующие шаги для подключения к базе данных:
1. Установить драйвер или библиотеку для работы с СУБД (например, mysqli или PDO для MySQL).
2. Задать параметры подключения, такие как хост, порт, имя базы данных, логин и пароль.
3. Использовать соответствующие функции или методы для выполнения запросов к базе данных и получения результатов.
4. Возвращать полученные данные для отображения на HTML-странице.
Domovoy
(16374)
6 дней назад
А на javascript он и не нужен, авторизация проходит на сервере, а не на компьютере пользователя, но так для практики такое полезно смастерить
Жилет безопасности для кур
(56425)
6 дней назад
Без php ты никакую регистрацию не сделаешь. У тебя будет просто заглушка обычная
V̲i̲s̲t̲a̲s̲t̲e̲r̲
(263685)
6 дней назад
Html/css никакого отношения к поставленной задаче не имеют.
Похожие вопросы