相关疑难解决方法(0)

我在我的盒子里使用点缀式边框

.box {
    width: 300px;
    height: 200px;
    border: dotted 1px #f00;
    float: left;
}

我想增加边框每个点之间的空间.

我想创建一个html5输入,看起来像iOS输入Pin(在锁定屏幕上)....带有4个输入框.

我如何实现这一目标？

我尝试了以下方法:

1)创建一个普通的输入框.

2)删除其边框.

3)将上图放置为输入框的背景.

4)并添加了一些字母间距.

问题是:当我输入前3个字符时,它适合框:

但是当我键入第4个字符时,字符向左移动,因此它显示如下:

我该怎么做才能解决这个问题？

还有其他更好的方法??

编辑:

好的,基于以下答案,我修改了方法有4个输入框.在每个输入框的keyup事件中,我将焦点更改为下一个输入框.

这适用于浏览器.但无法在设备上运行(iPhone 5).问题是什么 ？

它是使用Cordova打包的Sencha Touch应用程序.

解决了:

需要禁用 <preference name="KeyboardDisplayRequiresUserAction" value="false" />

我想使用Input字段重新创建上面显示的设计.但是,用户应该只能输入每个框一个数字.如何限制用户每个输入框仅输入1位数.请建议.