Skip to content
Snippets Groups Projects
Commit ca75fdcc authored by LAMRINI Houda's avatar LAMRINI Houda
Browse files

Edit index.html

parent 55deeaf6
No related branches found
No related tags found
No related merge requests found
Pipeline #47316 failed
Stage: build_stage
Stage: deploy_stage
Show whitespace changes
Inline Side-by-side
Showing
with 37 additions and 2 deletions
templates/index.html
+ 37
− 2
View file @ ca75fdcc
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head> <head>
...@@ -29,14 +28,36 @@ ...@@ -29,14 +28,36 @@
label { label {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
display: block;
margin-bottom: 5px;
}
.input-container {
position: relative;
width: 100%;
} }
input { input {
width: 100%; width: 100%;
padding: 10px; padding: 10px;
padding-right: 40px;
margin: 10px 0; margin: 10px 0;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 5px; border-radius: 5px;
font-size: 16px; font-size: 16px;
transition: all 0.3s;
}
input:focus {
border-color: #007bff;
box-shadow: 0px 0px 5px rgba(0, 123, 255, 0.5);
outline: none;
}
.toggle-password {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
color: #555;
font-size: 18px;
} }
button { button {
background-color: #007bff; background-color: #007bff;
...@@ -64,12 +85,26 @@ ...@@ -64,12 +85,26 @@
<h1>Testez la force de votre mot de passe 🔒</h1> <h1>Testez la force de votre mot de passe 🔒</h1>
<form method="POST"> <form method="POST">
<label for="password">Mot de passe :</label> <label for="password">Mot de passe :</label>
<div class="input-container">
<input type="password" id="password" name="password" required> <input type="password" id="password" name="password" required>
<span class="toggle-password" onclick="togglePassword()">👁️</span>
</div>
<button type="submit">Tester</button> <button type="submit">Tester</button>
</form> </form>
<div class="result"> <div class="result">
{{ result }} {{ result }}
</div> </div>
</div> </div>
<script>
function togglePassword() {
var passwordInput = document.getElementById("password");
if (passwordInput.type === "password") {
passwordInput.type = "text";
} else {
passwordInput.type = "password";
}
}
</script>
</body> </body>
</html> </html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment