input的宫格输入
在做项目的对外分享时，分享有两种：一种是公开的，一种是私密的。私密的需要提取码，需要提取码就需要输入框。正常的输入框是这样的：
不正常的输入框就是这样子的：
后面的这种方式在手机端比较常见的，譬如支付宝和微信支付的密码输入。
有两种实现方式，先说简单的。
简单的实现思路是设置一个等大的 input 框和 div ，然后通过设置 z-index ，将 input 置于 div 上面，同时将 input 框的 opacity 设置趋近于 0，所以 HTML 结构应该是类似酱紫的：
宫格1 宫格2 宫格3 宫格4 宫格5 宫格6
查看更多关于input的宫格输入和shift多选_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did114430