【デザインクリップ】パスワードの入力フォーム

Unityのパスワード入力フォーム

Unity公式サイトのパスワード入力フォーム。

1文字入力ごとにバリデーションチェックが走り、満たした条件は緑チェックになる。

UIとして最高に分かりやすいと思う。

下に表示されるメッセージダイアログはHTMLで書かれていてデフォルトhidden状態。
キー入力イベントをJavascriptで取得して、HTMLのclass操作で実現している。

投稿者: Output48

中学生の時に初めてHTMLに触れてからホームページ制作を独学で始める。 ベンチャー企業の営業、大手企業のSEを経て、独立。 ここ数年はWEB以外の仕事をしていたため、割と本気で勉強中。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください