diff --git a/packages/@vuepress/plugin-search/src/client/components/SearchBox.ts b/packages/@vuepress/plugin-search/src/client/components/SearchBox.ts
index 36f826a2c8..d2fd4f37bd 100644
--- a/packages/@vuepress/plugin-search/src/client/components/SearchBox.ts
+++ b/packages/@vuepress/plugin-search/src/client/components/SearchBox.ts
@@ -94,13 +94,15 @@ export const SearchBox = defineComponent({
 
     return () =>
       h(
-        'div',
+        'form',
         {
           class: 'search-box',
+          role: 'search',
         },
         [
           h('input', {
             ref: input,
+            type: 'search',
             placeholder: locale.value.placeholder,
             autocomplete: 'off',
             spellcheck: false,