Wie mache ich eine einfache Passwort-Seite

(Vorsicht, schlechtes Englisch) Ich versuche, eine Seite zu erstellen, die nur einen "kleinen Block" hat, in dem Sie ein Passwort eingeben können, das ich eingestellt habe.Wie mache ich eine einfache Passwort-Seite

Wenn Sie das richtige Passwort eingegeben haben und auf die Schaltfläche '' Website eingeben 'klicken, werden Sie auf die nächste Seite weitergeleitet.

Dies muss nicht eine vollständig geschützte Website sein, sondern nur ein 1-Zeilen-Formular, das Sie an eine im HTML-Code angegebene Seite sendet, wenn das eingegebene Passwort richtig ist.

Ich bin ein Student im ersten Jahr auf meiner Schule und genieße wirklich, mit html zu arbeiten, aber da ich freundlich weg bin weit weg vom Rest der Klasse möchte ich mehr lernen, so hoffe ich, dass es jemanden gibt, der helfen kann ich damit.

Vielen Dank im Voraus!

Here is an example I made in photoshop

Quelle

2017-02-11 kaymeer

HTML allein kann dies nicht tun Sie eine andere Sprache in Backend müssen das Kennwort zu überprüfen. Oder Sie können Javascript verwenden, das das Passwort im Frontend verifiziert, aber Sie müssen das Passwort nur im Code selbst angeben, wenn Sie es aus Spaß machen. Andernfalls benötigen Sie für die Entwicklung einer Web-App mit Anmeldeseite eine Backend-Sprache wie php oder python und eine Datenbank wie mysql oder mariadb, um Passwörter zu speichern.

Beispielcode
Sie benötigen zwei Dateien für Ihre Login-Formular erstellen (login.html) und eine weitere Umleitung nach rechts Passwort eingegeben wird (welcome.html).

Dieser Code ist für login.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>Login page</title> 
</head> 
<body> 
<form> 
    <label for="pswd">Enter your password: </label> 
    <input type="password" id="pswd"> 
    <input type="button" value="Submit" onclick="checkPswd();" /> 
</form> 
<!--Function to check password the already set password is admin--> 
<script type="text/javascript"> 
    function checkPswd() { 
     var confirmPassword = "admin"; 
     var password = document.getElementById("pswd").value; 
     if (password == confirmPassword) { 
      window.location="welcome.html"; 
     } 
     else{ 
      alert("Passwords do not match."); 
     } 
    } 
</script> 
</body> 
</html>

Dieser Code ist für welcome.html

<!DOCTYPE html> 
<html> 
<head> 
    <title>Welcome page</title> 
</head> 
<body> 
<h1>Welcome!! you entered a right password</h1> 
</body> 
</html>

Quelle

2017-02-11 19:36:13 Pratik

Ich versuche nicht, eine Art von Kontodatenbank zu machen, wie Sie erwähnt, aber ich will nur B. ein Passwort in js eingeben, das, wenn es in ein Textfeld eingegeben und dann abgeschickt wird, den Webseitenbenutzer an eine bestimmte Seite sendet. – kaymeer

Hoffe, das wird gut funktionieren, wenn ich dich nicht missverstanden habe. – Pratik

Vielen Dank, das ist, was ich gesucht habe. – kaymeer

Wie mache ich eine einfache Passwort-Seite

Antwort

Verwandte Themen