Increment by one
Increment by one
The phone number field on the Verizon website has increment/decrement by 1 buttons, so you can select your phone number the long way, I guess!
tl;dr - This is (mostly) intended functionality by the browser. Though the devs could have fixed it, it's way easier and faster to just leave it like that.
The HTML input element allows you to set the type of data you expect people to enter, which provides some basic validation. In this case, it's using the type of
number, for obvious reasons. This disallows all letters excepte, (for scientific notation) and all symbols except a single.. It also causes the number entry keyboard to appear on mobile devices, if supported.There is no specific phone number data type, so the developers of that site used the more generic number type. The browser can't tell the difference, and so adds the individual up/down buttons as it would with any other standard number input.
Thanks for the info. I am rather pointedly not a programmer, but I've entered my phone number into a lot of web forms, and never seen one like this!
It's possible to remove by using a more generic input type of
textand adding in validation manually to limit entry to only digits, but it seems like a reasonable shortcut to take.Also, I just found out that there is in fact an input type called
telfor phone numbers but it doesn't include any validation (apparently because of how varied the formatting of phone numbers can be throughout the world). So it only does the numeric keyboard on mobile devices. This, plus some validation, would have been the best choice I think.