收到短信验证码自动填充到表单,还能这么玩

简介: 苹果系统上的App和网站可以实现来自短信的验证码自动填充表单的功能,通常你是怎么实现这个功能的

苹果系统上的App和网站可以实现来自短信的验证码自动填充表单的功能,通常你是怎么实现这个功能的?

有一种实现方式可能你不知道,单纯的HTML标签就能实现,不需要任何的Javascript代码

BUDFYYFT]CGUG@)~[DD]KGM.png

该特性第一次发布是在 WWDC 2018:

iOS 12 eases the tedious aspects of account setup and sign-in by automatically suggesting and using strong, unique passwords - even from within apps - and by bringing one-time codes to the QuickType bar so users can fill them with one tap.


兼容性

目前这种验证码自动填充功能仅仅在苹果系统上使用,在官方的文档上有相关介绍developer.apple.com。

官网上是这样定义的:

)N5[]4TTPXWKE95VF01C}UA.png

<input id="new-password-text-field" type="password" autocomplete="new-password"/>
<input id="user-text-field" type="email" autocomplete="username"/>
<input id="password-text-field" type="password" autocomplete="current-password"/>
<input id="single-factor-code-text-field" autocomplete="one-time-code"/>

浏览器兼容性查询网站上暂时还没有相关的介绍,但是根据GitHub issue提到的“Safari 12 on macOS 10.14 and iOS 12.”已经在支持。


然而根据网站 developer.mozilla.org(MDN官方文档)提到一点,作为验证用户身份的验证码只能作为自动输入表单项的一种可能值,由此说明这种机制得不到大规模的应用。




目录
相关文章
|
API Android开发 iOS开发
web: 手机键盘自动获取短信验证码,点击自动填充输入框
web: 手机键盘自动获取短信验证码,点击自动填充输入框
1991 0
|
JSON iOS开发 开发者
uniapp配置ios的Universal Link和associate domains
uniapp配置ios的Universal Link和associate domains
|
计算机视觉 Python
OpenCV中图像的开、闭运算讲解与实战应用(附Python源码)
OpenCV中图像的开、闭运算讲解与实战应用(附Python源码)
908 0
|
4月前
|
缓存 人工智能 自然语言处理
阿里云Qwen3.7-Max和Qwen3.7-Plus区别与选择参考:模型能力、适用场景、收费价格
阿里云最新发布的 Qwen3.7-Max 与 Qwen3.7-Plus 是通义千问系列中面向智能体时代设计的两款核心大模型,分别定位于旗舰级全能模型与高性价比多模态基座模型。二者在模型能力、适用场景及计费策略上存在显著差异。以下从三个维度进行详细对比,并提供用户选购参考指南。
|
12月前
|
搜索推荐 数据可视化 图形学
《Unity原生融合:体验生态构建与玩法裂变的实战指南》
本文聚焦Unity游戏开发的创新技术实践,跳出传统“模块拼接”思维,提出“玩法原生融合”的核心。文章围绕六大关键技术维度展开:以“叙事化场景基因植入”让场景成为叙事载体;通过“体感化交互势能传递”构建沉浸式操作体验;打造“多维成长裂变”体系实现个性化养成;构建“情绪化光影语法”让光影传递情感;运用“体验无缝缝合技术”打破场景切换割裂感。整套方案融合实战经验与创新思维,强调体验元素的底层共生与生态化构建,摒弃冗余理论,聚焦实操逻辑,为开发者提供兼具深度与实用性的技术路径,助力游戏实现从“功能叠加”到“体验升维”的跨越。
344 5
|
10月前
|
存储 人工智能 达摩院
深度实战:在 GPU 环境下一键部署 Jimeng 中文文生图交互系统
这是一篇专为中文文生图模型Jimeng(积木/积梦)打造的实战部署指南,详解环境配置、硬核修复huggingface_hub版本冲突,并提供健壮测试与交互式脚本,助你零踩坑运行东方美学AI绘图。
1888 12
|
监控 数据建模 编译器
技术型产品经理的三大核心能力:从需求到落地的精准翻译
技术型产品经理的三大核心能力:从需求到落地的精准翻译
348 1
基于PID控制器的异步电机矢量控制系统simulink建模与仿真
本课题研究基于PID控制器的异步电机矢量控制系统,利用Simulink建立仿真模型,分析系统在不同工况下的运行性能。通过矢量控制技术实现对电机转速和转矩的高精度调节,验证了PID控制器在系统中的良好控制效果,提升了异步电机的稳定性和响应性,具有较强的工程应用价值。
|
人工智能 自然语言处理 Java
对话即服务:Spring Boot整合MCP让你的CRUD系统秒变AI助手
本文介绍了如何通过Model Context Protocol (MCP) 协议将传统Spring Boot服务改造为支持AI交互的智能系统。MCP作为“万能适配器”,让AI以统一方式与多种服务和数据源交互,降低开发复杂度。文章以图书管理服务为例,详细说明了引入依赖、配置MCP服务器、改造服务方法(注解方式或函数Bean方式)及接口测试的全流程。最终实现用户通过自然语言查询数据库的功能,展示了MCP在简化AI集成、提升系统易用性方面的价值。未来,“对话即服务”有望成为主流开发范式。
10660 7
|
缓存 Rust 前端开发
【一起学Rust | 框架篇 | Tauri2.0框架】Tauri2.0环境搭建与项目创建
【一起学Rust | 框架篇 | Tauri2.0框架】Tauri2.0环境搭建与项目创建
2941 0