建设工程招标公告在哪个网站,市场研究公司,学做简单网站视频教程,电子工程建设HTML手写键盘 (单密码框)先上图粘贴图片.png大致原理#xff1a;先用css画出整个键盘 #xff0c;并没有input框#xff0c;如果使用input实现效果#xff0c;则需要多个input#xff0c;这样的后果是需要多次调用键盘#xff0c;影响整体的体验#xff0c;用ul li画出密…HTML手写键盘 (单密码框)先上图粘贴图片.png大致原理先用css画出整个键盘 并没有input框如果使用input实现效果则需要多个input这样的后果是需要多次调用键盘影响整体的体验用ul li画出密码框效果随着按键对密码进行消失隐藏操作html如下 输入支付密码  忘记密码 123456789取消0 js部分首先定义一个变量用来存放显示隐藏的密码图片的下标定义数组是为了存放密码点击数字 i 为密码框下标下标从0开始将获取到的点击的数字放在数组中同时根据下标来显示隐藏密码当i 为6时将数组拼接成一个6为密码的字符串点击删除图标删除数组最后一位并且隐藏密码图标。var i0; arr[] $(.number1).click(function (){ if (i0i5) { arr.push(($(this)[0].innerText)) $(.mima1).eq(i).css(display,block) i; } if (i6) { var strarr.join() console.log(密码str) } }) $(#del1).click(function (){ if (i0i6) { arr.pop(); i--; $(.mima1).css(display,none) for (var j i-1; j 0; j--) { $(.mima1).eq(j).css(display,block) } } })效果图粘贴图片.png点的图片请自行下载