当我在表单上并且焦点在电话号码栏位上时,iPhone 有时会在键盘上方提示我的电话号码。如下图所示。
我正在尝试通过inputmode
和实作此功能type=tel
,
<input type="tel" inputmode="tel" />
但是我的电话号码没有显示在键盘上方。在其他网站上,它有时会。
是否有启用此功能的属性或 css 规则?
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 评论