當我在表單上并且焦點在電話號碼欄位上時，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"/>
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/397279.html
標籤：javascript html css iPhone
上一篇：使用CSS應用多個實心邊框（沒有斜角），每個邊框側一個類
下一篇：如何制作?與常規空間的寬度相同？