diff --git a/src/scripts/templates.test.ts b/src/scripts/templates.test.ts
index 363cfa7..1c75ca7 100644
--- a/src/scripts/templates.test.ts
+++ b/src/scripts/templates.test.ts
@@ -494,7 +494,8 @@ describe('templates', () => {
       */
       const expectedOutput = strToEl(`
         <input
-          type="text"
+          type="search"
+          name="search_terms"
           class="${classes.input} ${classes.inputCloned}"
           autocomplete="off"
           role="textbox"
diff --git a/src/scripts/templates.ts b/src/scripts/templates.ts
index 4d4af87..15d2ce0 100644
--- a/src/scripts/templates.ts
+++ b/src/scripts/templates.ts
@@ -267,7 +267,8 @@ const templates = {
     placeholderValue: string,
   ): HTMLInputElement {
     const inp = Object.assign(document.createElement('input'), {
-      type: 'text',
+      type: 'search',
+      name: 'search_terms',
       className: `${input} ${inputCloned}`,
       autocomplete: 'off',
       autocapitalize: 'off',