diff --git a/4chan_x.user.js b/4chan_x.user.js
index 2ea3fdb0b..e1680e335 100644
--- a/4chan_x.user.js
+++ b/4chan_x.user.js
@@ -1378,7 +1378,7 @@
       QR.qr = qr = ui.dialog('qr', {
         top: '0',
         left: '0'
-      }, "    <a class=close>X</a>    <input type=checkbox id=autohide title=autohide>    <div class=move>      <button>File</button>      <a>Subject</a>      <a>Name</a>      <a>Email</a>    </div>    <div class=autohide>      <textarea></textarea>      <div><img></div>      <div id=captcha>        <span id=cl>120 Captchas</span>        <input id=recaptcha_response_field>      </div>      <div>        <button>Submit</button>        <input type=checkbox id=autopost title=autopost>        <span class=error>Derp</span>      </div>    </div>    ", {
+      }, "    <a class=close>X</a>    <input type=checkbox id=autohide title=autohide>    <div class=move>      <button>File</button>      <span class=input><input name=sub placeholder=Subject><span>Subject</span></span>      <span class=input><input name=name placeholder=Name><span>Name</span></span>      <span class=input><input name=email placeholder=Email><span>Email</span></span>    </div>    <div class=autohide>      <textarea></textarea>      <div><img></div>      <div id=captcha>        <span id=cl>120 Captchas</span>        <input id=recaptcha_response_field>      </div>      <div>        <button>Submit</button>        <input type=checkbox id=autopost title=autopost>        <span class=error>Derp</span>      </div>    </div>    ", {
         /*
             "
             <a class=close title=close>X</a><input type=checkbox id=autohide title=autohide>
@@ -3454,6 +3454,15 @@
       #qr #autohide, #qr .close {\
         float: right;\
       }\
+      #qr .input input {\
+        width: 60px;\
+      }\
+      #qr .input:not(:hover) input:not(:focus) {\
+        display: none;\
+      }\
+      #qr .input:hover span, #qr .input input:focus + span {\
+        display: none;\
+      }\
       #qr:not(:hover) #autohide:checked ~ .autohide {\
         height: 0;\
         overflow: hidden;\
diff --git a/script.coffee b/script.coffee
index a14e8ce8a..862678e57 100644
--- a/script.coffee
+++ b/script.coffee
@@ -1072,9 +1072,9 @@ QR =
     <input type=checkbox id=autohide title=autohide>
     <div class=move>
       <button>File</button>
-      <a>Subject</a>
-      <a>Name</a>
-      <a>Email</a>
+      <span class=input><input name=sub placeholder=Subject><span>Subject</span></span>
+      <span class=input><input name=name placeholder=Name><span>Name</span></span>
+      <span class=input><input name=email placeholder=Email><span>Email</span></span>
     </div>
     <div class=autohide>
       <textarea></textarea>
@@ -1091,6 +1091,21 @@ QR =
     </div>
     "
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
     ###
     "
     <a class=close title=close>X</a><input type=checkbox id=autohide title=autohide>
@@ -2764,6 +2779,15 @@ main =
       #qr #autohide, #qr .close {
         float: right;
       }
+      #qr .input input {
+        width: 60px;
+      }
+      #qr .input:not(:hover) input:not(:focus) {
+        display: none;
+      }
+      #qr .input:hover span, #qr .input input:focus + span {
+        display: none;
+      }
       #qr:not(:hover) #autohide:checked ~ .autohide {
         height: 0;
         overflow: hidden;