abhirajadhikary06 / abhirajadhikary06/openfeedback
Enhancement: Add Password Visibility Toggle on Login Form
- Lingua principale
- HTML
- Stelle
- 8
- Fork
- 15
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Descrizione
### 📌 Description
The current login form does not provide an option to toggle password visibility.
Users cannot verify the password they are typing, which may lead to input errors and reduced usability.
Modern authentication interfaces commonly include an eye icon inside the password field to allow users to toggle between hidden and visible password states.
---
### 🎯 Expected Behavior
- Add an eye icon inside or adjacent to the password input field.
- Allow users to toggle between:
- `type="password"` (hidden)
- `type="text"` (visible)
- Ensure the toggle does not affect form submission logic.
- Maintain consistent styling with the existing UI design.
---
### 💡 Proposed Implementation
- Wrap the password input inside a relative container.
- Add a clickable toggle icon.
- Use JavaScript to switch the input type dynamically.
Example logic:
```javascript
function togglePassword() {
const passwordField = document.getElementById("password");
passwordField.type = passwordField.type === "password" ? "text" : "password";
}
Guida per i contributori
Apri la guida per i contributori
Valutazione
Questa issue non è ancora stata valutata.