60 lines
2.2 KiB
HTML
60 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Password Generator</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="settings">
|
|
<h2>Настройки пароля</h2>
|
|
<div class="setting-group">
|
|
<label for="length">Длина пароля (5-20):</label><span id="lengthValue">12</span>
|
|
<input type="range" id="length" name="length" min="5" max="20" value="12">
|
|
</div>
|
|
|
|
<div class="setting-group">
|
|
<label>
|
|
Спец. символы:
|
|
<input type="checkbox" id="useSymbols" name="symbols" checked>
|
|
</label>
|
|
<input type="text" id="symbolsString" name="symbolsString" value="!@#$%^&*()_+=-`~[]\{}|;\':",./<>?" disabled>
|
|
<button type="button" id="resetSymbols">Вернуть спец. символы</button>
|
|
</div>
|
|
|
|
<div class="setting-group">
|
|
<label>
|
|
a-z:
|
|
<input type="checkbox" id="lowercase" name="lowercase" checked>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="setting-group">
|
|
<label>
|
|
A-Z:
|
|
<input type="checkbox" id="uppercase" name="uppercase" checked>
|
|
</label>
|
|
</div>
|
|
<div class="setting-group">
|
|
<label>
|
|
0-9:
|
|
<input type="checkbox" id="includeNumbers" name="includeNumbers" checked>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="setting-group">
|
|
<label for="count">Количество паролей (5-20):</label><span id="countValue">10</span>
|
|
<input type="range" id="count" name="count" min="5" max="20" value="10">
|
|
</div>
|
|
|
|
<button id="generatePasswordButton">Сгенерировать пароли</button>
|
|
</div>
|
|
|
|
<div class="results">
|
|
<h2>Результаты паролей</h2>
|
|
<div id="passwordResults"></div>
|
|
</div>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |