HTML Javascript Code Password Textbox

HTML Javascript Code Password Textbox - Complete Done for you Password Textbox that is Styled and Contains the Javascript Code to Only Allow Password Type Characters

Home Short:

All the code for a password textbox is below including the css, the html code and the javascript. You could place all this in a text file and save it as pwd.php and anywhere you wish to place it just insert <?php include($path-to . '/pwd.php');?>.

// when anything is put in the password box, by typing, pasting, etc
  pwd.oninput =()=> {
     // only allow password type characters
    pwd.value = pwd.value.replace(/[^a-zA-Z0-9#?!@$%^&*\-]/g, "");
    
     // enforce the max length property in case [inpect] 
     // is used to remove maxlength= property of password box
    let val = pwd.value,
        maxLen = pwd.maxLength;
     
    if (val.length > maxlen) {
      val = val.substring(0, maxlen);
      pwd.value = val;
    }
  }
  
   // show password as plain text on mouse down
  btn.onmousedown =()=> {
     pwd.type = "text";
  }
  
   // hide plain text with password characters on mouse up
  btn.onmouseup =()=> {
     pwd.type = "password";
  }
</script>

source code home