2017-03-06 26 views
0

、私は、ピン/パスワード入力(マスク)を作成するような何かしようとしている:様々なソリューションの実装時にはピン/パスワード入力(マスク)。レタースペーシング/ワードスペースまたは複数入力の代わりに使用できますか?小型、モバイル最初の(ウェブ)アプリケーションのために

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

を、ユーザーエクスペリエンスのいずれかになりました私が出くわした調査結果、demo: implementation of the three solutions (simplified)

複数の入力

  • detecすることができません。予測不可能または混乱、私は私が克服することを願っている...リストの下のオプションモバイルでのバックスペース(キーダウン/キーアップ中)。これは、バックスペースが押され、フィールドが空で実装が難しい場合に、前の入力フィールドにナビゲートします。
  • ソフトキーボードで「ダブルタップシフト」機能を使用できません。次の入力(ユーザアクション/スクリプトにより)フォーカスする(「ダブルタップシフト」autocapitalizeオンまたはオフとの組み合わせのいずれかの方法)「ジャンプ」キーボードを与える

文字間隔背景repeating-と組み合わせ線形勾配(両方の計算)

  • 文字間隔は1つが予想よりも、文字は常に代わりに文字の間にスペースを有することが、「文字間隔」で終わる実装幾分異なっています。これは、入力フィールドの「末端」は文字の削除
  • に達したときに、水平スクロールを発生させ、代わりに除去し文字を「空」

ワード間隔(の、文字列全体をシフト代わりに、「空」に除去文字を、文字の削除

  • は、文字列全体をシフト)(計算両方背景反復線形勾配を有する各文字の後にスペース)を付加

質問は多少二重です。最初、私は別のソリューションを逃したかもしれない第二に、ソリューションをすることができ列挙された調査結果は「対抗」することができます言及したため

+0

は私たちに私たちはあなただけそれが動作しません見つけるためにやったまったく同じことをしないで動作するようにいくつかのコードを与えます。むしろ何かからうまくいくだろうか。 – Slime

+0

@AmericanSlime、コード/デモが追加されました。 – Dalie

答えて

関連する問題