一、展示效果:
IOS手机:
autocomplete="one-time-code"
<van-field:class="$style.code"v-model="verifyCode"type="text"name="验证码"pattern="\d{4}"maxlength=4placeholder="验证码"autocomplete="one-time-code":rules="[{required: true, message: '请填写验证码'}]"/>
Android手机:
使用 Web OTP API 自动填充验证码 - 知乎
Verify phone numbers on the web with the WebOTP API
autocomplete相关内容:
<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"/>
参考链接:
收到短信验证码自动填充到表单,还能这么玩 - 简书
如果觉得《web: 手机键盘自动获取短信验证码 点击自动填充输入框》对你有帮助,请点赞、收藏,并留下你的观点哦!