abhirajadhikary06 / abhirajadhikary06/openfeedback

Enhancement: Add Password Visibility Toggle on Login Form

Aperta
#45 3 commenti 0 reazioni 1 assegnatario Rivendicata da @Shyam-45 Vedi su GitHub
apertre3.0 medium
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.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.