一、展示效果:
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手机:
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"/>
参考链接: