Kekuatan sandi

Indikator empat batang. Skornya dihitung dari panjang dan ragam karakter, bukan sekadar jumlah aturan yang terpenuhi.

Sandi lemah → kuat

Batang pertama merah, keempat hijau. Teks menjelaskan apa yang masih kurang.

Kata sandi baru Lemah — tambahkan angka dan huruf besar.

Contoh kuat Kuat — minimal 12 karakter dengan campuran.

Lihat kode

<div class="ck-field" style="max-width:24rem">
  <label class="ck-label" for="pw">Kata sandi baru</label>
  <input class="ck-input" id="pw" type="password" value="rahasia">
  <div class="ck-strength" aria-hidden="true">
    <span class="ck-strength__bar ck-strength__bar--on-1"></span>
    <span class="ck-strength__bar"></span>
    <span class="ck-strength__bar"></span>
    <span class="ck-strength__bar"></span>
  </div>
  <span class="ck-hint">Lemah — tambahkan angka dan huruf besar.</span>
</div>
<div class="ck-field ck-mt-6" style="max-width:24rem">
  <label class="ck-label" for="pw2">Contoh kuat</label>
  <input class="ck-input" id="pw2" type="password" value="Kelas2026!aman">
  <div class="ck-strength" aria-hidden="true">
    <span class="ck-strength__bar ck-strength__bar--on-4"></span>
    <span class="ck-strength__bar ck-strength__bar--on-4"></span>
    <span class="ck-strength__bar ck-strength__bar--on-4"></span>
    <span class="ck-strength__bar ck-strength__bar--on-4"></span>
  </div>
  <span class="ck-hint">Kuat — minimal 12 karakter dengan campuran.</span>
</div>