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.

Last updated