Set PhoneNumberInternationalFallbackWidget input_type to tel

stefanfoulis · Aug 28, 2022 · 290e82b · 290e82b
1 parent 1f012e4
commit 290e82b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/phonenumber_field/widgets.py b/phonenumber_field/widgets.py
@@ -119,6 +119,8 @@ class PhoneNumberInternationalFallbackWidget(TextInput):
     an international number will fall back to international format
     """
 
+    input_type = "tel"
+
     def __init__(self, region=None, attrs=None):
         if region is None:
             region = getattr(settings, "PHONENUMBER_DEFAULT_REGION", None)

diff --git a/tests/test_widgets.py b/tests/test_widgets.py
@@ -248,15 +248,15 @@ def test_fallback_widget_switches_between_national_and_international(self):
         de_widget = PhoneNumberInternationalFallbackWidget(region="DE")
         self.assertHTMLEqual(
             gb_widget.render("number", number),
-            '<input name="number" type="text" value="01606 75178" />',
+            '<input name="number" type="tel" value="01606 75178" />',
         )
         self.assertHTMLEqual(
             de_widget.render("number", number),
-            '<input name="number" type="text" value="+44 1606 75178" />',
+            '<input name="number" type="tel" value="+44 1606 75178" />',
         )
 
         # If there's been a validation error, the value should be included verbatim
         self.assertHTMLEqual(
             gb_widget.render("number", "error"),
-            '<input name="number" type="text" value="error" />',
+            '<input name="number" type="tel" value="error" />',
         )