Cloneables

Show Hide Password Field

Here's a way to add a show/hide password input field in Webflow. Clicking on the eye icon displays the password and it's accomplished via some custom jquery code to change the input type.

show-hide-password.webflow.io
Show Hide Password Field live demo on a desktop screen
Show Hide Password Field live demo on a phone
Screenshot of the live demo, Oct 20, 2026 Open live demo

The Show Hide Password Field is a great way to add a show/hide password input field to your Webflow site. This cloneable allows users to click on an eye icon to display the password, and is accomplished using some custom jquery code to change the input type. This is a great way to add some extra security and convenience to your forms, and is sure to be appreciated by your users. This cloneable is categorized under Form and was created by UIFlow. The Show Hide Password Field is a powerful tool for enhancing the user experience on your website. It's an easy way to add some extra security and convenience to your forms, and is sure to be a hit with your visitors. So if you want to add a show/hide password input field to your Webflow project, be sure to check out the Show Hide Password Field.

Browse similar cloneables

Categories

More from UIFlow

Profile →

Related Webflow questions

All answers →

Similar cloneables

All cloneables →