diff --git a/data/index.html b/data/index.html
index 14d1d50..36043fa 100644
--- a/data/index.html
+++ b/data/index.html
@@ -5,7 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Konfiguration</title>
         <link rel="stylesheet" href="/style.css" />
-        <script src="/script.js" defer></script>
+        <script src="/input-visibility.js" defer></script>
     </head>
     <body>
         <h1>Konfiguration</h1>
diff --git a/data/script.js b/data/input-visibility.js
similarity index 62%
rename from data/script.js
rename to data/input-visibility.js
index 5cb05b2..d22615f 100644
--- a/data/script.js
+++ b/data/input-visibility.js
@@ -8,8 +8,14 @@ function updateVisibility() {
         const input = form.querySelector(`#${element.dataset.field}`);
         if (element.dataset.values.split("|").includes(input.value)) {
             element.classList.remove("hidden");
+            element
+                .querySelectorAll("input, select, button, textarea")
+                .forEach((childInput) => (childInput.disabled = false));
         } else {
             element.classList.add("hidden");
+            element
+                .querySelectorAll("input, select, button, textarea")
+                .forEach((childInput) => (childInput.disabled = true));
         }
     });
 }
