163 メールボックスログインボックスインタラクティブデザインの改善体験と共有

163 メールボックスログインボックスインタラクティブデザインの改善体験と共有
LOFTER のコンテストで、ログイン ボックスを再設計できると言及されているのを見ました。過去 2 日間、他のプラットフォームのメール ログイン ページを比較しました。最終的に、163 自体のモジュールをいくつか組み合わせて、メール ログイン ページに若干の改善を加えました。
これを完成させるのに 3 日もかかりませんでした。かなり急いでいたのです。ご指導いただければ幸いです。
163 メールボックス ログイン ボックス インタラクティブ デザインの改善 123WORDPRESS.COM
8 月 3 日に、やり取りで見逃されていた詳細が修正されました。
正しいユーザー名を入力すると、パスワード入力ボックスに「?」ボタンが表示され、パスワードを忘れたユーザーがすぐにパスワードを取得できるようになります。ユーザーが入力ボックスをクリックすると、「?」プロンプトは消えます。文字を入力せずにパスワード フィールドを離れると、「?」プロンプトは引き続き表示されます。
パスワードを入力すると、「?」プロンプトは消えます。
[OK] をクリックした後、パスワードが間違っていると、「?」が消え、ユーザーを次の手順に誘導するダイアログ ボックスが下に表示されます。

<<:  Pythonで書かれたWebアプリケーションをDockerでデプロイする実践

>>:  10 種類のモダンなレイアウトを実現するための CSS コード

推薦する

Vueは時間カウントダウン機能を実装する

この記事では、Vueの具体的なコード例を参考までに紹介します。具体的な内容は以下のとおりです。必要:...

JavaScriptでよく使われる配列重複排除実戦ソースコード

アレイの重複排除は、通常、就職面接中に遭遇し、アレイの重複排除方法のコードを手動で記述することが求め...

Linux CRM デプロイメント コードの詳細な説明

Linuxの基本設定 Linux環境でpython3をコンパイルしてインストールする 1. Linu...

TypeScript の基本型の紹介

目次1. 基本タイプ2. オブジェクトタイプ2.1 配列2.2 タプル2.3 オブジェクト3. 型推...

MySQLは現在の日付と時刻を取得する関数の例の詳細な説明

現在の日付 + 時刻 (日付 + 時刻) を取得する関数: now() mysql> now(...

Windows 10にOdoo12開発環境をインストールする方法

序文多くの友人は Mac コンピューターを持っていないと言っていますが、Windows 開発は実際に...

MySQL バイナリログデータ復旧: 誤ってデータベースを削除した場合の詳細な説明

MySQL Binログデータの回復: 誤ってデータベースを削除した場合前書き: テスト マシンで誤っ...

HTML テーブルタグチュートリアル (46): テーブルフッタータグ

<tfoot> タグは、テーブル フッターのスタイルを定義するために使用されます。基本構...

MySQL パーティション フィールド列に別のインデックスを作成する必要がありますか?

序文パーティション フィールドは主キーの一部でなければならないことは誰もが知っています。では、複合主...

MySQL の高可用性アーキテクチャの完全な説明: MHA アーキテクチャ

目次1. はじめに2. 構成3. 作業プロセス4. 建築5. 表示例MHA (Master HA) ...

JavaScript オブジェクトからプリミティブ値への変換の詳細な説明

目次オブジェクトプロトタイプの値()オブジェクトプロトタイプtoString()シンボル.toPri...

MySQLのlike演算子の詳細

1. はじめに不明な値または部分的に既知の値をフィルタリングする場合は、like 演算子を使用でき...

LeetCode の SQL 実装 (181. 従業員は管理職よりも収入が高い)

[LeetCode] 181.従業員の収入が管理職よりも多い従業員テーブルには、マネージャーを含む...

Portainer を使用した Docker コンテナのデプロイのプロジェクト実践

目次1. 背景2. 操作手順3. Portinerをインストールする3.1 Dockerのデプロイメ...

mysql 5.7.19 最新バイナリインストール

まず、公式ウェブサイト http://dev.mysql.com/downloads/mysql/ ...