document.querySelectorAll('[data-dc-pw]').forEach(function (btn) {
btn.addEventListener('click', function () {
var input = document.getElementById(btn.getAttribute('data-dc-pw'));
if (!input) return;
var show = input.type === 'password';
input.type = show ? 'text' : 'password';
btn.setAttribute('aria-pressed', show ? 'true' : 'false');
var name = btn.querySelector('.dc-sr');
if (name) name.textContent = show ? '비밀번호 숨기기' : '비밀번호 보기';
input.focus();
});
});
Cách dùng
Nút hiện mật khẩu phải báo trạng thái bằng aria-pressed và đổi nhãn giữa hiện và ẩn
Nêu quy tắc trước khi người ta gõ, đừng chờ tới lúc sai mới nói
Một nút hiện mật khẩu tốt hơn là bắt nhập lại lần thứ hai
Điểm cần lưu ý
Sau khi bấm nút, con trỏ phải ở lại trong ô — đừng buộc người dùng bấm vào lại
Thanh đo độ mạnh cần kèm chữ như "an toàn"; chỉ màu thì không đọc được