Show / Hide Password π§ͺ
Purpose-
To add the ability to have a simple button which shows or hides the current password
Technical Notes
Approaches;
Custom checkbox?
Two elements on/off?
Usage Notes
wfu-form-showpwd
= ( name )
Place this on the input field type=password
Give it a unique name
wfu-form-showpwd-trigger
= ( name )
Place on a checkbox to show/hide the related item
If placed on a DIV then that DIV should have these two children;
wfu-form-showpwd=trigger-show
Place on the element that will be the button to show the password.
wfu-form-showpwd=trigger-hide
Place on the element that will be the button to hide the password.
Experimental
https://codepen.io/memetican/pen/gOVaoQb/043347bb45cd62f23e50c3b65bd9b3fc
Last updated