diff --git a/template/template.html b/template/template.html
index 68dca1d..88ef642 100644
--- a/template/template.html
+++ b/template/template.html
@@ -49,6 +49,11 @@ <h1>golb</h1>
             </div>
             <div id="search-results"></div>
             <script>
+                document.getElementById("search-control").addEventListener("change", function () {
+                    if (this.checked) {
+                        document.getElementById("search").focus();
+                    }
+                });
                 document.getElementById("search").addEventListener("input", function () {
                     const query = this.value;
                     const resultsDiv = document.getElementById("search-results");