Today, We want to share with you html code for login page with username and password.In this post we will show you how to make a login page in html with database?, hear for html code for login page with username and password validation we will give you demo and example for implement.In this post, we will learn about javascript login page with database with an example.
simple login page in html with css code
simple example for “login page username and password example in html css”
html login page
index.php
<html>
<head>
<title>jkpaysys Account</title>
<style>
body
{
background-color:#3d3d3d;
}
table
{
border:1px white;
margin-top:200px;
margin-left:500px;
background-color:white;
padding:20px
}
#btn
{
width:200px;
height:50px;
background-color:#1ee3d2;
}
</style>
</head>
<body>
<form name=usekyefrm>
<table border=0 cellspacing=5px>
<tr>
<th colspan=3><input class=in =text name=txtuname placeholder="Enter your Profile name"></th>
</tr>
<tr>
<th colspan=3><input class=in type=password name=txtupass placeholder="Enter your new password"></th>
</tr>
<tr>
<th colspan=3><input class=in type=password name=txtuconfirmpass placeholder="Enter confirmed password"></th>
</tr>
<tr>
<th colspan=3><input id=btn type=button value="Create new Profile"></th>
<a href="sign_in_module.html">Go back to login</a>
</tr>
</table>
</form>
</body>
</html>
how to make a html login page
index.html
<!doctype html>
<form name="loginForm" method="post" action="index.html">
<table width="20%" bgcolor="0099CC" align="center">
<tr>
<td colspan=2><center><font size=4><b>light-net login</b></font></center></td>
</tr>
<tr>
<td>Username:</td>
<td><input type="text" size=25 name="user"></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="Password" size=25 name="pass"></td>
</tr>
<tr>
<td ><input type="Reset"></td>
<td><input type="submit" onclick="return check(this.form)" value="Login"></td>
</tr>
</table>
</form>
<script language="javascript">
function check(form)
{
if(form.user.value == "public" && form.pass.value == "peasants")
{
return true;
}
else
{
alert("Error Please Eneter Your Password or Username")
return false;
}
}
</script>
I hope you get an idea about Making a login form using PHP.
I would like to have feedback on my infinityknow.com blog.
Your valuable feedback, question, or opinions about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.