`<input type=password>` în HTML

Câmpul pentru parole: caracterele scrise sunt ascunse sub puncte, iar managerii de parole îl recunosc automat.

Sintaxă tag

<input type="password" name="parola" autocomplete="current-password">

Ce face `<input type=password>`

<input type="password"> afișează fiecare caracter scris ca punct sau asterisc, ca parola să nu poată fi citită de cineva care se uită la ecran. Valoarea reală rămâne neschimbată și este trimisă la server ca text obișnuit.

Câmpul nu criptează nimic: protecția parolei pe drum vine de la HTTPS. Browserele avertizează când un câmp de parolă apare pe o pagină HTTP. Trimite formularul cu method="post", ca parola să nu apară în adresa paginii.

Atributul autocomplete spune managerului de parole ce să facă: current-password pentru autentificare (propune parola salvată) și new-password pentru înregistrare sau schimbarea parolei (propune o parolă nouă, generată).

Atribute

Atribut	Descriere
`autocomplete`	`current-password` la autentificare, `new-password` la creare sau schimbare de parolă.
`minlength / maxlength`	Lungimea minimă și maximă a parolei.
`pattern`	Regulă de format, de exemplu cel puțin o cifră.
`required`	Câmpul nu poate rămâne gol.
`placeholder`	Text de ajutor, afișat cât timp câmpul este gol.

Exemple

Exemplul 1: Formular de autentificare

username și current-password ajută managerul de parole să completeze ambele câmpuri.

<form action="/autentificare" method="post">
  <label for="utilizator">Utilizator</label>
  <input type="text" id="utilizator" name="utilizator" autocomplete="username">
  <label for="parola">Parola</label>
  <input type="password" id="parola" name="parola"
         required autocomplete="current-password">
  <button>Intră în cont</button>
</form>

Ce afișează browserul

Parola scrisă apare ca ••••••••.
Dacă ai o parolă salvată pentru site, browserul o propune la clic în câmp.

Exemplul 2: Parolă nouă cu lungime minimă și o cifră

pattern cere cel puțin o cifră; new-password permite browserului să sugereze o parolă puternică.

<label for="parola-noua">Parola nouă (minim 10 caractere, cel puțin o cifră)</label>
<input type="password" id="parola-noua" name="parola_noua"
       required minlength="10" pattern=".*[0-9].*"
       autocomplete="new-password">