JS实现身份证输入框的输入效果

实现如图所示的输入效果：

实现这种效果的简单方法是在输入中添加背景图片，然后设置单词间距来实现效果。

代码：

html:

输入类型=' text ' maxlength=' 8 ' class=' idInput ' onkeyup=' this . value=this . value . replace(/\ D/gi ' ')' CSS:idInput { width: 24.95rem高度： 4.7雷姆；背景： url(./img/input_bg.png)居中/不包含重复；font-size : 1.6 rem；color: # 1b1920字母spacing: 2.2rem//最重要的部分，字间距填充-left : 1.2 rem；}这样就可以实现输入框的输入效果。

另一个想法是安排八个输入标签，并使用键盘事件。当一个输入完成时，光标自动跳到下一个输入。在实现过程中，我发现输入虽然可以实现，但是删除的时候没有办法删除，所以就没有用这个方法。

摘要

以上是边肖介绍的JS实现身份证输入框的输入效果。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！