2017-03-06 55 views
0

对于小型移动第一(网络)应用程序,我试图创建一个PIN /密码输入(屏蔽),是这样的:引脚/密码输入(掩码),字母间距/字间距还是多输入的替代选项?

+---+ +---+ +---+ +---+ 
| 1 | | 2 | | 3 | | 4 | 
+---+ +---+ +---+ +---+ 

在各种解决方案的实施,用户体验成为了无论是不可预知的或混乱,我希望我能够克服......下面列表中的选项的调查结果,我碰到,demo: implementation of the three solutions (simplified)

多个输入

  • 无法DETEC t在移动中退格(在keydown/keyup期间);这会导航到前一个输入字段,当退格被按下且字段为空时,很难实现。
  • 无法使用软键盘上的“双击移位”功能;聚焦(通过用户动作/脚本)到下一个输入给出了一个“跳跃”键盘

字母间距与背景repeating-组合(与“双抽头移位” autocapitalize或关闭组合无论哪种方式)线性梯度(两者计算出的)

  • 字母间距是有所区别的实现比人们所预料的,字符总是以“字母间距”端,而不必在字符之间的空间,。这将导致一个水平滚动时的输入字段的“结束”已经达到
  • 卸下字符发生,转移整个字符串,而不是“排空”被去除的字符

字间距(追加与背景重复线性梯度每个字符之后的空间)(均计算)

  • 卸下字符,移动整个字符串,而不是“排空”删除的字符

所以这个问题有点双重;第一,我可能已经第二次错过了另一种解决方案,为解决方案所评论的上市可以对分析结果进行“反击”

+0

给我们一些代码来工作,所以我们不这样做,你做了才发现它不工作,同样的事情。宁愿多从事某事。 – Slime

+0

@AmericanSlime,代码/演示已添加。 – Dalie

回答