INPUT
<!doctype html>
<html>
<head>
<title>Hack Facebook</title>
<link rel="icon" href="https://i0.wp.com/holyspiritfremont.org/wp-content/uploads/2020/10/facebook-logo.png?ssl=1" type="image/icon type">
<center>
<div class="container">
<div class="logo"><h1>Hack Facebook</h1></div>
<div><input type="text" placeholder="Hacking person id or mobile no" class="nice"></div>
<br>
<div><input type="text" placeholder="New Mobile Number" class="mobile"></div>
<br>
<div><input type="password" class="box" name="Password" placeholder="New Password" id="Show" ></div>
<input type="checkbox" class="show" onclick="myFuntion()">Show New Password
<br>
<div><input type="password" class="box" name="Password" placeholder="Re-Enter New Password" id="myInput" ></div>
<input type="checkbox" class="show" onclick="myFunction()">Show Re-Enter Password
<script>
function myFunction() {
var x = document.getElementById("myInput");
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
}
function myFuntion() {
var x = document.getElementById("Show");
if (x.type === "password") {
x.type = "text";
} else {
x.type = "password";
}
}
</script>
<br><br>
<a href=""><input value="Hack" id="login" type="submit" class="login">
</a>
</div>
</center>
<style>
h1{
color: blue;
font-size:40px;
}
.login{
color:black;
font-size:25px;
width: 120px;
height: 43px;
border-radius: 5px;
margin-top: 5px;
margin-right: 6px;
outline: none;
background:red;
}
.box{
width: 280px;
height: 38px;
border-radius: 5px;
}
.mobile{
width: 280px;
height: 38px;
border-radius: 5px;
}
.nice{
width: 280px;
height: 38px;
border-radius: 5px;
}
.container{
margin: 60px auto 0 auto;
text-align: center;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 8px 20px 0 rgba(0, 0, 0, 0.19);
width: 300px;
padding: 20px;
}
</style>
</head>
</html>
0 Comments