站义 拨开荷叶行,寻梦已然成。仙女莲花里,翩翩白鹭情。
IMG-LOGO
主页 文章列表 如何让iPhone在表单中建议我的电话号码?

如何让iPhone在表单中建议我的电话号码?

by 白鹭 - 2022-01-24 1868 0 0

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

我正在尝试通过inputmode实作此功能type=tel

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

但是我的电话号码没有显示在键盘上方。在其他网站上,它有时会。

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

如何让 iPhone 在表单中建议我的电话号码?

PS 在回答这个问题的人的帮助下,似乎autocomplete="tel"在一定程度上有效。我在 iOS 15.2 中发现了以下内容:

  • 您必须在自己的联系人中输入您的电话号码。并且必须在“设定”/“Siri 和搜索”/“我的信息”中选择该联系人。否则不建议电话号码。
  • 如果您最近收到了文本形式的 2FA 代码,iPhone 会在一段时间内建议它而不是电话号码。洗掉 2FA 文本并重新启动 Safari 将回传电话号码建议。

uj5u.com热心网友回复:

是的。使用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”,请使用

uj5u.com热心网友回复:

您是否尝试过在输入上启用/禁用自动完成功能?

    <input type="tel" inputmode="tel" autocomplete="on"/>
标签:

0 评论

发表评论

您的电子邮件地址不会被公开。 必填的字段已做标记 *