电话输入自动填充删除国际前缀答案

【问题标题】：Tel input autofill drops international prefix电话输入自动填充删除国际前缀
【发布时间】：2021-08-20 00:15:05
【问题描述】：

我有一个启用了自动完成功能的“tel”类型的输入字段。

  <input type="tel" name="phone" autocomplete="tel" />

在 Safari（iOS 和 macOS）中，当我开始输入带有国际前缀的电话号码时，例如+49 151，然后从自动填充选项中选择，国际前缀被删除。

另外，当我收听更改事件时，event.target.value 中已经缺少前缀。

这里有一个快速的沙盒来演示这个问题：
https://codesandbox.io/s/lively-lake-bunh5?file=/src/app/app.component.html
（它恰好是一个 Angular 应用程序，但问题不仅限于 Angular）

如何在 Safari 中获取完整的电话号码？

【问题讨论】：

【解决方案1】：

我希望这可能会有所帮助。

完整的电话号码，包括国家/地区代码。如果您需要将电话号码分解为其组成部分，您可以将这些值用于这些字段：

“电话国家代码” 国家/地区代码，例如“1”代表美国、加拿大以及北美和加勒比部分地区的其他地区。

“国家电话” 不含国家代码部分的完整电话号码，包括国家内部前缀。对于电话号码“1-855-555-6502”，该字段的值为“855-555-6502”。

【讨论】：