diff --git a/src/routes/login/+page.svelte b/src/routes/login/+page.svelte
index ab3e7e7..9d56da1 100644
--- a/src/routes/login/+page.svelte
+++ b/src/routes/login/+page.svelte
@@ -1,12 +1,14 @@
 <script lang="ts">
     import type { PageProps } from "./$types";
+	import { enhance } from "$app/forms";
 
 	let { form }: PageProps = $props();
+
 </script>
 
 <div>
 	<h1>Login</h1>
-	<form id="login" method="POST" action="?/login">
+	<form id="login" method="POST" action="?/login" use:enhance={({formElement}) => { formElement.reset() }}>
 		<table>
 			<tbody>
 				<tr>
@@ -15,7 +17,7 @@
 				</tr>
 				<tr>
 					<td><label for="password">Passwort:</label></td>
-					<td><input type="password" id="password" name="password" required /></td>
+					<td><input type="password" id="password" name="password" required /></td> <!-- form.password should never be defined -->
 				</tr>
 				<tr>
 					<td colspan="2"><button type="submit">Login</button></td>