{"version":"1.0","type":"rich","title":"Password Visibility - Multiple Forms","description":"This example demonstrates a password visibility toggle across two separate forms: one for changing a username and another for changing a password. Each form contains a checkbox that, when checked, reveals its associated password fields as plain text. The page uses a single delegated click event listener on the document, which checks whether the clicked element matches either checkbox ID via `event.target.matches()`. It then traverses the DOM with `closest()` and `querySelectorAll()` to target only the password inputs within that form, switching their `type` attribute between `\"password\"` and `\"text\"` based on the checkbox state. The code uses vanilla JavaScript and standard HTML form elements, with no external libraries.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-a13ef50b2b8505e40e29a1b07d095d1e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}