Html Login?
Hallo, ich habe folgenden Code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="center">
<h1>Anmelden</h1>
<form method="post">
<div class="txt_field">
<input type="text" required>
<label>Benutzername</label>
</div>
<div class="txt_field">
<input type="password" required>
<label>Passwort</label>
</div>
<div class="pass">Passwort vergessen?</div>
<input type="submit" value="Anmelden">
<div class = "signup_link">
Noch kein Nutzer? <a href="regis.html">Registrieren</a>
</form>
</div>
</body>
</html>
Dies ist der CSS Code:
body {
margin: 0;
padding: 0;
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
background: linear-gradient(120deg, #2980b9, #8e44ad);
}
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
Leider klappt nicht alles. Hab ich was falsch gemacht=
LG
4 Antworten
Was genau funktioniert nicht? Du hast ein Formular und ein wenig CSS, das wird auch soweit korrekt dargestellt. Die Datenverarbeitung musst du bspw. mittels PHP oder JavaScript übernehmen.
https://www.php-einfach.de/experte/php-codebeispiele/loginscript/
Wie soll den auch ein Login funktionieren? Du hast bis jetzt nur das Design, die Logik musst du nun mit PHP oder JavaScript lösen. Am besten dann noch absichern und per Backend in die Datenbank hashen.
https://www.php-einfach.de/experte/php-codebeispiele/loginscript/
"Leider klappt nicht alles" ist keine gültige Fehlerbeschreibung. Was klappt nicht? Was soll passieren? Was passiert stattdessen? Geht's um das Layout oder die Funktionalität?
Was ich auf den ersten Blick sehen kann: Dein Form hat keine Action. Somit "weiß" der Browser nicht, was er mit dem Form-Inhalt tun soll und ruft normalerweise dann einfach das Quellscript nochmal ab. In Deinem Fall eben einfach wieder die HTML-Datei.
Ach Gott, tatsächlich. Hab ich übersehen. Passe meine Antwort an.
zu jedem offenen <div> gehört auch ein schließendes </div>
die daten verarbeiten kannst du eh nur via serverseitiger datenverarbeitung womit html schon mal ausscheidet , das ist nur für anzeige auf dem client verantwortlich .
also mindesten ein
<form action="url_meinloginserverscript...." method="post">
das sind sie allerdings, steht alles im <form>