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

Question

我有一个类型为“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 应用程序，但问题不限于角度）

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

Answer 1

我希望这会有所帮助。

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

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

“tel-national” 不包含国家/地区代码部分的整个电话号码，包括国家/地区内部前缀。对于电话号码“1-855-555-6502”，此字段的值将为“855-555-6502”。

链接到上面