diedVIPs

html knowhow

Login mit Bestätigung










Login mit Bestätigung

Das Loginscript wählt Sie bei Eingabe von Username und Passwort auf die Indexseite von htmlknowhow.de ein. Bitte beachten Sie bei der Eingabe unbedingt auf Groß- und Kleinschreibung.
Es ist nicht in der Lage Username und Passwort zu ändern oder abzuspeichern. Es zeigt Ihnen aber an, daß Sie sich erfolgreich eingeloggt haben.
So sieht´s aus


Quellcode
<html>
<head>
<style type="text/css">
div.main {width: 100%;background-color:lime;text-align:center;border-radius: 10px;margin-top:2px;}
input[type=text],input[type=password] {width: 50%;height: 30px;padding: 5px;margin-bottom: 10px;margin-top: 5px;border: 2px solid #ccc;color: #4f4f4f;font-size: 16px;border-radius: 5px;}
label {color: #464646;font-size: 1.1em;}
.valid {color:green;}
.back {text-decoration: none;border: 1px solid rgb(0, 143, 255);background-color: rgb(0, 214, 255);padding: 3px 20px;border-radius: 2px;color: black;}
input[type=button] {font-size: 1.3em;background: linear-gradient(#ffbc00 5%, #ffdd7f 100%); border: 1px solid #e5a900; color: #4E4D4B; font-weight: bold; cursor: pointer;
width: 100%;border-radius: 10px;outline:none;}
input[type=button]:hover {background: linear-gradient(#ffdd7f 5%, #ffbc00 100%);}

</style>
</head>

<body>
<div class="main">
<form id="form_id" method="post" name="myform">
<label>Username : </label><input type="text" name="username" id="username"/><br/>
<label>Password : </label><input type="password" name="password" id="password"/>
<input type="button" value="Login" id="submit" onclick="validate()"/></form>
</div>

<script>
var attempt = 3; // Variable to count number of attempts.
// Below function Executes on click of login button.
function validate(){
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if ( username == "hans" && password == "lmaa"){
alert ("Sie haben sich erfolgreich eingeloggt");
window.location = "../index.php"; // Redirecting to other page.
return false;
}
else{
attempt --;// Decrementing by one.
alert("Sie haben noch Versuche "+attempt+" attempt;");
// Disabling fields after 3 attempts.
if( attempt == 0){
document.getElementById("username").disabled = true;
document.getElementById("password").disabled = true;
document.getElementById("submit").disabled = true;
return false;
}
}
}
</script>

</body>
</html>








Kontakt    Datenschutz   Impressum