diff --git a/addons/web/static/src/views/fields/phone/phone_field.xml b/addons/web/static/src/views/fields/phone/phone_field.xml
index 5596be1f3e6..ac5c1dd15c4 100644
--- a/addons/web/static/src/views/fields/phone/phone_field.xml
+++ b/addons/web/static/src/views/fields/phone/phone_field.xml
@@ -9,7 +9,7 @@
             <input
                 class="o_input"
                 t-att-id="props.id"
-                type="phone"
+                type="tel"
                 t-att-placeholder="props.placeholder"
                 t-ref="input"
             />
diff --git a/addons/web/static/tests/helpers/utils.js b/addons/web/static/tests/helpers/utils.js
index 628847b3817..e207d8119fb 100644
--- a/addons/web/static/tests/helpers/utils.js
+++ b/addons/web/static/tests/helpers/utils.js
@@ -437,7 +437,11 @@ export async function editInput(el, selector, value) {
     if (!(input instanceof HTMLInputElement || input instanceof HTMLTextAreaElement)) {
         throw new Error("Only 'input' and 'textarea' elements can be edited with 'editInput'.");
     }
-    if (!["text", "textarea", "email", "search", "color", "number", "file"].includes(input.type)) {
+    if (
+        !["text", "textarea", "email", "search", "color", "number", "file", "tel"].includes(
+            input.type
+        )
+    ) {
         throw new Error(`Type "${input.type}" not supported by 'editInput'.`);
     }
 
diff --git a/addons/web/static/tests/views/fields/phone_field_tests.js b/addons/web/static/tests/views/fields/phone_field_tests.js
index 18ef9ac3334..e33acf183be 100644
--- a/addons/web/static/tests/views/fields/phone_field_tests.js
+++ b/addons/web/static/tests/views/fields/phone_field_tests.js
@@ -60,17 +60,17 @@ QUnit.module("Fields", (hooks) => {
         await click(target.querySelector(".o_form_button_edit"));
         assert.containsOnce(
             target,
-            'input[type="phone"]',
+            'input[type="tel"]',
             "should have an input for the phone field"
         );
         assert.strictEqual(
-            target.querySelector('input[type="phone"]').value,
+            target.querySelector('input[type="tel"]').value,
             "yop",
             "input should contain field value in edit mode"
         );
 
         // change value in edit mode
-        await editInput(target, "input[type='phone']", "new");
+        await editInput(target, "input[type='tel']", "new");
 
         // save
         await click(target.querySelector(".o_form_button_save"));