web: 手机键盘自动获取短信验证码，点击自动填充输入框

一、展示效果：

IOS手机：

 autocomplete="one-time-code"

<van-field
            :class="$style.code"
            v-model="verifyCode"
            type="text"
            name="验证码"
            pattern="\d{4}"
            maxlength=4
            placeholder="验证码"
            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"/>

参考链接：

收到短信验证码自动填充到表单，还能这么玩 - 简书