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

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

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

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

推薦する

Linux で開いているファイルが多すぎる問題を解決する方法

原因は、プロセスが特定の時点でシステム制限を超える数のファイルと通信リンクを開くことです。 システム...

MySql のクラッシュとサービスの起動失敗の解決策

私は長い間PHPに触れてきましたが、インストール環境は非常に不慣れです。多くの問題に遭遇しました。B...

ウェブページ作成における絶対パスと相対パスの違い

1. 絶対パスまず、ローカル コンピューターでは、ファイルの絶対パスは、当然、ハード ディスク上でフ...

Windows10 での MySQL msi インストール チュートリアル (画像とテキスト付き)

1. ダウンロード1. MySQL msi 公式 Web サイトから最新のダウンロードをクリックす...

3分でUbuntu 16.04を初期化し、Java、Maven、Docker環境をデプロイする

Fast-Linux プロジェクト アドレス: https://gitee.com/uitc/Fas...

Mysqlリモート接続構成を実装する2つの方法

Mysqlリモート接続構成を実装する2つの方法会社で働いていると、誰かのコンピュータに保存されている...

Vue はチャット ボックスで絵文字を送信する機能を実装します

vueチャットボックスで絵文字を送信し、vueインターフェースで絵文字を送信するための具体的なコード...

MYSQLの文字セット設定方法(端末の文字セット)の詳しい説明

序文ターミナルを使用してデータベースまたはテーブルを作成するたびに、文字セットが latin1 であ...

カラーブロックレポート効果の動的な表示を実現する HTML (サンプルコード)

HTMLカラーブロックを使用してデータを動的に表示する <スタイル タイプ="te...

シェルスクリプトによるDockerコンテナの起動順序の制御の詳細な説明

1. 遭遇した問題分散プロジェクトの展開プロセスでは、サーバーの再起動後にアプリケーション(データベ...

Html+CSS 描画三角形アイコン

まずはレンダリングを見てみましょう: XML/HTML コードコンテンツをクリップボードにコピー&l...

フォームデータを取得するための Node.js メソッドの 3 つの例

序文Nodejs はサーバーサイド言語です。開発中、登録やログインなどでは、判断のためにフォームを通...

ウェブページのカラーマッチングスキルについての簡単な説明(フロントエンド開発者必読)

一般的に、Web ページの背景色は、より柔らかく、よりシンプルで、より明るく、暗いテキストとマッチし...

Dockerを使用してElasticsearchクラスターを素早くデプロイする方法

この記事では、 Dockerコンテナ ( docker-composeを使用してオーケストレーション...