Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save Sanix-Darker/385546713549b213af7cd390cefb8330 to your computer and use it in GitHub Desktop.
Save Sanix-Darker/385546713549b213af7cd390cefb8330 to your computer and use it in GitHub Desktop.
[HTML, CSS]Simulate Type text as a Type password HTML
<style>
/** This style is to simulate an input type="password" on a real input type="text"*/
@font-face {
font-family: 'password';
font-style: normal;
font-weight: 400;
src: url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);
}
.bePassword {
font-family: 'password';
}
</style>
<h4>Try to type something here!</h4>
<input type="text" class="bePassword" autocomplete="off" placeholder=""/>
<a href="https://gist.github.com/Sanix-Darker/385546713549b213af7cd390cefb8330/edit">back to the Gist</a>
<!-- And that's all, amazing right? it's working fine, you can test it on your own here: https://d654f3c3-6911-428f-a294-355db7c39e9a.htmlpasta.com/-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment