/
Pupa
/
Password_generator
Обзор
Документация
Войти
/
Pupa
/
Password_generator
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
CI/CD
Аналитика
Безопасность
master
index.html
61 строка
2 KB
Pupa
Create: index.html
22 июл 2026, 22:40
Верифицирован
22 июл 2026, 22:40
15d7301
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="compiled_css/style.css"> </head> <body> <div class="pass_block"> <div class="img_container"> <img src="img/lock.svg" alt="" class="img_block"> <img src="img/pass.svg" alt="" class="img_block"> </div> <span> <h1>Password generator</h1> <p>Create strong and secure passwords to keep <br> your account safe online.</p> </span> <div class="functional__block"> <input type="text" id="password" disabled> <button id="submit"> generate </button> <button id="copyText"><img src="img/copy.svg" alt=""></button> </div> <div class="pc__block"> <div class="parent"> <p>Password count:</p> <input type="text" id="quantity" disabled> </div> <input class="range" type="range" id="range" min="5" max="40"> </div> <div class="settings__block"> <div class="elements"> <p>Uppercase</p> <input class="checkbox" type="checkbox" id="uppercase"> </div> <div class="elements"> <p>Lowercase</p> <input class="checkbox" type="checkbox" id="lowercase"> </div> <div class="elements"> <p>Special characters</p> <input class="checkbox" type="checkbox" id="special"> </div> <div class="elements"> <p>Numbers</p> <input class="checkbox" type="checkbox" id="numbers"> </div> </div> </div> </body> <script src="script.js"></script> </html>