【问题标题】:How to get iPhone to suggest my phone number in a form?如何让 iPhone 在表格中建议我的电话号码?
【发布时间】:2023-03-17 18:41:01
【问题描述】:

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

我正在尝试通过inputmodetype=tel 实现此功能,

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

但我的电话号码没有显示在键盘上方。与其他网站一样,有时会这样做。

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

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

  • 您必须在自己的联系人中输入您的电话号码。并且必须在设置/Siri 和搜索/我的信息中选择该联系人。否则不建议使用电话号码。
  • 如果您最近收到 2FA 代码作为文本,iPhone 会在一段时间内建议它而不是电话号码。删除 2FA 文本并重新启动 Safari 将返回电话号码建议。

【问题讨论】:

    标签: javascript html css iphone


    【解决方案1】:

    是的。使用autocomplete 属性。

    &lt;input autocomplete=tel type=tel inputmode=tel&gt;

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

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

    【讨论】:

    • 它或多或少都有效。我用我发现的问题更新了问题。
    【解决方案2】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-07-18
      • 2015-12-04
      • 1970-01-01
      • 1970-01-01
      • 2019-01-15
      • 2023-03-31
      • 1970-01-01
      相关资源
      最近更新 更多