I’ve been thinking about the phone number input fields on websites. Currently, I’m designing an apply flow for a job site. In this flow, we ask for a phone number. It’s all about the prefix, the land code. Therefore we have some ideas:
- Show a flag representing the country (not everybody has a phone number of the country they live in)
- Show the land code (not everybody knows their land code)
- Showing both the flag and land code (but it’s more information to consume)
- Show flag, land name and land code in the drop down but represent this after selecting with a flag. (If we prefill this, to make it easy, people might think it represents the country and not the land code. This might get some confusion for the users)
Does any of you have experience with this? What is your solution or do you maybe have a place where I can find more information about this.