hide password input html code example
Example 1: how to create password input in html
<input type="password" name=""value="">
Example 2: jquery show password
$("#showpaswd").click(function () {
var x = document.getElementById("cpassword");
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
});
Example 3: how to make a show password button
function myFunction() {
var x = document.getElementById("*passwordbox-id*");
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
}
Example 4: html show password
//Javascript show all password textboxes script by me
var k = document.getElementsByTagName('input')
for(i=0;i<k.length;i++){
if(k[i].type = "password"){
k[i].type = "text"
}
}
Example 5: css styles responsive password input eye
.login-form{margin:20px 0 0 0;}
.login-form input[type=text]{
background:
border: none;
border-radius:8px;
position: relative;
font-size:15px !important;
display: inline-block;
outline: none;
width: 100%;
height: 30px !important;
padding: 18px 0 18px 20px;
margin-bottom:15px !important;
color:
border: 1px solid grey;
}
.login-left{width:44%; margin: 0 0 0 5%; display:inline-block; float:left;}
.login-right{width:44%; margin: 0 5% 0 0; display:inline-block; float:right;}
@media screen and (max-width:767px) {
.login-width{width:95% !important;}
.login-left{width:90%; margin: 0 auto; display:block; float:none;}
.login-right{width:90%; margin: 0 auto; display:block; float:none;}
}
.p-viewer, .p-viewer2{
float: right;
margin-top: -55px;
position: relative;
z-index: 1;
cursor:pointer;
}
.fa-eye {
color:
}