Phone number input with country code

I'm really struggling with a phone input field for a form similar to an emergency contact form. International numbers are unlikely but possible inputs.

Due to timelines and system limitations, we can't provide a list of countries with their country codes. However, we can provide two country options, "Canada/USA" and "Other".

  • If the user selects "Canada/USA", the country code will default to "+1".
  • If the user selects "Other", they must enter the country code themselves.

I've been playing around with a few variations but none of them seem to be especially effective and I feel like I'm overthinking this whole thing. I've been mining other phone number threads and found a few tips, but would love some specific advice or insights on this problem. Thank you in advance for any answers.

Option A. Provide country toggle, separate country code and number. Provide CA/US & Other toggle, separate country code and number.

Option B. Provide country toggle, put country code and number together, separate country code with parentheses. Provide country toggle, put country code and number together, separate country code with parentheses.

Option C. Provide country toggle, put country code and number together, provide only a plus sign (+). Provide country toggle, put country code and number together, provide only a plus sign (+).

Option D. Remove country toggle, separate country code and number, default country code to +1. enter image description here

Option E. Remove country toggle, put country code and number together, default country code to +1. Remove country toggle, put country code and number together, default country code to +1.

Tags: , , , , , ,