如何让 iPhone 在表格中建议我的电话号码？

Question

当我在表单上并且焦点位于电话号码字段时，iPhone 有时会在键盘上方提示我的电话号码。 如下图所示。

我正在尝试通过inputmode和type=tel来实现这个功能，

<input type="tel" inputmode="tel" />

但我的电话号码没有显示在键盘上方。 与其他网站一样，有时确实如此。

是否有启用此功能的属性或 css 规则？

Answer 1

您是否尝试过启用/禁用输入的自动完成功能？

    <input type="tel" inputmode="tel" autocomplete="on"/>

Answer 2

是的。 使用autocomplete属性。

 <input autocomplete=tel type=tel inputmode=tel>

电话输入的可能属性值为：

• “on”：允许浏览器自动完成输入。 对于该字段中预期的数据类型没有提供指导，因此浏览器可以使用自己的判断。
• “tel”：一个完整的电话号码，包括国家代码。 如果您需要将电话号码分解为其组成部分，您可以将这些值用于这些字段
• “tel-country-code”：国家代码，如“1”代表美国、加拿大等北美地区和加勒比海部分地区。
• “tel-national”：没有国家代码部分的完整电话号码，包括国家内部前缀。 对于电话号码“1-855-555-6502”，该字段的值为“855-555-6502”。
• “tel-area-code”：区号，如果合适，可以应用任何国家内部前缀。
• “tel-local”：没有国家或地区代码的电话号码。 这可以进一步分为两部分，对于具有交换号码的电话号码，然后是交换机内的号码。 对于电话号码“555-6502”，请使用