Login form

code for login form

<!DOCTYPE html>
<html>
<head>
<style>
input{
border-radius:2px;
background:orange;
border:black;
}
input:hover{
background:blue;
border-radius:10px;
}
</style>
<script>
function t(){
var a=document.getElementById('r1').value;
var b=document.getElementById('r2').value;
if(a=="we10" && b=="we20")
{
alert('wellcome')}
else{
alert('you gone wronge')}

}
</script>
</head>
<body>
<center>
<form>
<br>
<br>
<br>
<table>
<tr><td>username:-<td><input type="text" id="r1">  </tr>
<tr><td>password:-<td><input type="password" id="r2"> </tr>
<tr><td><input type="submit" onclick="t()" value="login"><td><input type="reset">  </tr>
<tr><td>username:-we10<td>password:-we20</tr>
<table>
</center>
</form>
</body>
</html>



output
username:-
password:-
username:-we10password:-we20



Post a Comment

0 Comments