diff --git a/templates/login.jinja2 b/templates/login.jinja2
index 42b454d..eeb12cc 100644
--- a/templates/login.jinja2
+++ b/templates/login.jinja2
@@ -13,7 +13,7 @@
 
             <div class="form-group" style="margin-top: 4%;">
                 <label for="passwordinput">Password</label>
-                <input name="password" class="form-control" id="passwordinput" placeholder="Enter password">
+                <input type="password" name="password" class="form-control" id="passwordinput" placeholder="Enter password">
             </div>
             <button id="submit" type="submit" class="btn btn-primary mx-auto d-block" style="width: 100%; margin-top: 4%;">Submit</button>
         </form>
diff --git a/templates/register.jinja2 b/templates/register.jinja2
index 75a5061..51a3fdb 100644
--- a/templates/register.jinja2
+++ b/templates/register.jinja2
@@ -13,7 +13,7 @@
 
             <div class="form-group" style="margin-top: 4%;">
                 <label for="passwordinput">Password</label>
-                <input name="password" class="form-control" id="passwordinput" placeholder="Enter password">
+                <input type="password" name="password" class="form-control" id="passwordinput" placeholder="Enter password">
             </div>
 
             <div class="form-group" style="margin-top: 4%;">
@@ -51,9 +51,10 @@ function upload_error(error_message) {
 }
 
 function upload_file(file_type, file_content) {
+    username_input = document.getElementById("usernameinput").value
     fetch('{{ url_for("upload") }}', {
             method: "POST",
-            body: JSON.stringify({image_data: file_content, image_type: file_type}),
+            body: JSON.stringify({image_data: file_content, image_type: file_type, username: username_input}),
             headers: {
                 "Content-type": "application/json"
             }