First Implementation

This commit is contained in:
caroschulte02-alt
2026-05-13 21:44:52 +02:00
parent d497ea4fc3
commit 31af70a296
2 changed files with 59 additions and 32 deletions
+43 -32
View File
@@ -41,42 +41,53 @@
</div> </div>
</nav> </nav>
<main> <main class="form-page">
<hr> <div class="form-container">
<div>
<div> <div class="logo-wrapper">
<h1>Benutzerdaten ändern</h1> <h1>Benutzerdaten ändern</h1>
<a href="/users"><img src="../images/logo.png" alt="" width="120" height="72"></a> <img src="../images/logo.png" alt="Logo" class="login-logo">
</div>
<div>
<div>
<label id="Vorname">Vorname</label>
<input type="text" name="Vorname" required placeholder="Vorname" value="<?php //DB-Daten ?>">
</div> </div>
<div>
<label id="Nachname">Nachname</label> <form>
<input type="text" name="Nachname" required placeholder="Nachname" value="<?php //DB-Daten ?>">
</div> <label class="input-label">Vorname</label>
<div>
<label id="Email">Email-Adresse</label> <input type="text" name="Vorname" class="login-input" required
<input type="email" name="Email" required placeholder="mustermann@web.de" value="<?php //DB-Daten ?>"> placeholder="Vorname"
</div> value="<?php //DB-Daten ?>">
<div>
<label id="Passwort">Passwort</label> <label class="input-label">Nachname</label>
<input type="password" name="Passwort" required placeholder="Passwort"> <input type="text" name="Nachname" class="login-input" required
</div> placeholder="Nachname"
<div> value="<?php //DB-Daten ?>">
<label class="input-label">Email-Adresse</label>
<input type="email" name="Email" class="login-input" required
placeholder="mustermann@web.de"
value="<?php //DB-Daten ?>">
<label class="input-label">Passwort</label>
<input type="password" name="Passwort" class="login-input"
required placeholder="Passwort">
<br> <br>
<button type="submit" name="submit"><i></i> Speichern</button>
</div> <button type="submit" class="login-button">
<div> Speichern
<br> </button>
<button type="button" name="NutzerLoeschen">Account löschen</button>
</div> <br><br>
<button type="button" class="login-button">
Account löschen
</button>
</form>
</div> </div>
</div> </main>
</main>
<footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;"> <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
<a href="../legal/impressum.php">Impressum</a> <a href="../legal/impressum.php">Impressum</a>
+16
View File
@@ -182,3 +182,19 @@ body {
.screenreader-only { .screenreader-only {
display: none; display: none;
} }
/* Allgemeine Formularseiten */
.form-page {
display: flex;
justify-content: center;
padding: 40px 20px;
}
.form-container {
width: 90%;
max-width: 600px;
padding: 30px;
background-color: white;
border: 1px solid #dbe3ec;
border-radius: 10px;
box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}