ruby-on-rails - number_field_tag をアスタリスクでマスキングする

Question

number_field_tagユーザーが10キーインターフェイスで入力できるようにするために、モバイルデバイスでうまく機能するため、を使用したいと考えています。ただし、モバイルデバイスに入力するデータには、機密情報 (つまり、社会保障番号の一部) が含まれている場合があります。

10 キーインターフェイスを維持しながら、入力されたデータを入力時にマスクするにはどうすればよいですか? を使用するpassword_field_tagと、キーボードが標準の QWERTY に戻ります。

score 1 · Accepted Answer

実際には ruby-on-rails 固有ではありませんが、これを HTML で使用して、数字のみを受け入れ、一部のモバイルデバイスで数字キーボードを表示するパスワード入力を取得できます。

<input type="password" pattern="\d*">

score 1 · Accepted Answer

モバイルで動作する CSS ソリューションを見つけました。これを行うには、webkit オプションを使用できます。

input[type=number] {
   -webkit-text-security: disc;
}

または、特定のクラスだけでも。

.employee {
   -webkit-text-security: disc;
}

これまでにテストした内容で、Galaxy S4 と Chrome で動作します。

2 に答える 2