一、问题表现
前端在编写H5登录页面的时候，出现使用短信验证时，点击输入框自动填写验证码，页面键盘会自动填充短信验证码两次。
二、问题原因
点击自动填充短信，input框里会出现两次
三、问题解决
给 input 添加 maxlength 属性，并把值长度设定进去。如下所示：
<input type="text" placeholder="验证码" class="yzm" maxlength="5">
这样的话，这里设了是只能输入5位，大家可以根据需求填写字数，就不会多填充一遍了。
扫码关注‘简忆博客’微信公众号，获取最新文章动态
转载：请说明文章出处“来源简忆博客”。http://tpxhm.com/fdetail/1153.html
×
觉得文章有用就打赏一下文章作者
微信扫一扫打赏
支付宝扫一扫打赏
简忆博客
勤于学习，乐于分享
置顶推荐
标签云
打印机
Google
Vant
ElementUI
Linux
macOS
windows
Navicat
TP8
PgSQL
Highlight
SqlServer
字节跳动
企业微信
uView
MongoDB
微擎
wepy
ES6
游戏
uni-app
WordPress
canvas
FaceBook
SEM
云存储
刷机
Flutter
vscode
Docker
RabbitMQ
SVN
composer
插件
路由器
TP6
OneThink
Vue
swoole
Redis
帝国cms
CodeIgniter
虚拟机
方法技巧
防护
软件下载
JavaScript
AI
go语言
Android
JAVA
Git
Layui
React
区块链
Laravel
Mysql
node.js
html
linux
window
ECharts
GITHUB
bootstrap
UEditor
SEO
模板
服务器
微信开发
ECSHOP
style
正则
PhpStorm
轮播插件
sublime text
工具
layui.js
Python
操作系统
PhotoShop
jQuery
TP5
ThinkPHP
AJAX
PHP
API
office
微信小程序
织梦cms
浏览排行
1 Facebook账号注册流程,手把手教你注册脸书账号
2 phpstorm 2019.2.1最新版激活码及破解教程更新至2024
3 oppo a57手机miui_V8.5.4.0刷机包下载及刷机教程
4 抖音发布视频作品定位设置成其他位置方法
5 npm ERR! missing script: serve 报错解决方法
6 解决Photoshop 打开报错找不到 VCRUNTIME140_1.dll问题
7 （2025）最新 Navicat Premium 17激活永久教程
8 解决win10分屏设置主显示器后图标不在主显示器问题
9 解决微信公众号分享给好友，朋友圈报错errMsg: "onMenuShareAppMessage:fail, the permission value is offline verifying"
10 解决Vue报错Module not found: Error: Can't resolve 'less-loader' in 'C:\Users\Hm\Desktop\vue\vue_shop'问题
11 解决Centos7执行安装命令显示您需要 root 权限执行此命令
12 解决Linux 宝塔装完了提示“请先安装Web服务器！”
最近热文
打赏本站
如果你觉得本站很棒，可以通过扫码支付打赏哦！
微信扫码：你说多少就多少~
支付宝扫码：你说多少就多少~
关于简忆
简忆诞生的故事
粤ICP备16092285号
文章评论（0）