diff --git a/package.json b/package.json
index ef4a1b4..2fe25e6 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
   "description": "Rooster voor Het Heerenlanden om leerlingen te laten weten of ze binnen of buiten gym hebben",
   "main": "index.js",
   "dependencies": {
+    "body-parser": "^1.19.0",
     "express": "^4.17.1",
     "mustache-express": "^1.3.0",
     "mysql": "^2.18.1"
diff --git a/src/index.js b/src/index.js
index c2f1e1f..0e390e4 100644
--- a/src/index.js
+++ b/src/index.js
@@ -15,6 +15,8 @@ app.set('views', path.resolve('views/'));
 
 app.engine('mustache', mustacheExpress(path.resolve('views/partials/'), '.mustache'));
 
+app.use(express.urlencoded());
+
 var vars = {
     username: 'ARN'
 }
@@ -31,6 +33,11 @@ app.get('/login/', (req, res) => {
     res.render('login', vars);
 });
 
+app.post('/login', (req, res) => {
+    console.log(req.body)
+    res.send('login attempt using the following credentials:');
+});
+
 app.get('/scss/:file', (req, res) =>
     res.sendFile(path.resolve('scss/' + req.params.file))
 );
diff --git a/views/login.mustache b/views/login.mustache
index 2d78091..df8f410 100644
--- a/views/login.mustache
+++ b/views/login.mustache
@@ -5,6 +5,11 @@
     {{> nav}}
     <main>
         <h1>Login</h1>
+        <form method="post" action="#">
+            <input placeholder="Gebruikersnaam" type="text" name="username">
+            <input placeholder="Wachtwoord" type="text" name="password">
+            <button type="submit">Inloggen</button>
+        </form>
     </main>
     {{> footer}}
 </body>