PIN入力

PIN Input

別名: パスコード入力別名: OTP入力別名: ワンタイムパスワード入力別名: テンキー

モバイル固有のパターン

🎮 ライブデモ

4〜6桁の数字コード（パスコード・OTP・暗証番号）を入力するためのUI。円形や四角のドットが入力済み桁を示し、カスタムテンキーと組み合わせることが多い。

アプリロック解除・2段階認証のSMSコード入力・支払い暗証番号・銀行PINなど、短い数字コードによる認証が必要なとき。

💡 日常の言い方

「銀行アプリで4桁の番号を入力するときのあのポチポチする入力画面」

OTPはワンタイムパスワードという認証方式の概念。PIN入力はその入力を受け付けるUIコンポーネント。OTP以外（固定PINや支払いコード）にも使われる。

パスワードフィールドは任意の文字列を入力する汎用テキスト入力。PIN入力は桁数固定の数字専用で、各桁を独立した入力枠で視覚的に表示する点が異なる。

6桁OTP入力UIを作って。各桁が独立した枠で表示され、数字を入力するたびに次の枠に自動フォーカスし、入力完了で自動送信。間違いは枠が赤く振動するフィードバックを入れて。