163 メールボックスログインボックスインタラクティブデザインの改善体験と共有
|
LOFTER のコンテストで、ログイン ボックスを再設計できると言及されているのを見ました。過去 2 日間、他のプラットフォームのメール ログイン ページを比較しました。最終的に、163 自体のモジュールをいくつか組み合わせて、メール ログイン ページに若干の改善を加えました。 これを完成させるのに 3 日もかかりませんでした。かなり急いでいたのです。ご指導いただければ幸いです。  正しいユーザー名を入力すると、パスワード入力ボックスに「?」ボタンが表示され、パスワードを忘れたユーザーがすぐにパスワードを取得できるようになります。ユーザーが入力ボックスをクリックすると、「?」プロンプトは消えます。文字を入力せずにパスワード フィールドを離れると、「?」プロンプトは引き続き表示されます。 パスワードを入力すると、「?」プロンプトは消えます。 [OK] をクリックした後、パスワードが間違っていると、「?」が消え、ユーザーを次の手順に誘導するダイアログ ボックスが下に表示されます。 |
<<: Pythonで書かれたWebアプリケーションをDockerでデプロイする実践
>>: 10 種類のモダンなレイアウトを実現するための CSS コード
推薦する
Linux 基本チュートリアル: 特別な権限 SUID、SGID、SBIT
序文Linux のファイルまたはディレクトリの権限については、共通の rwx 権限を知っておく必要が...
Vue のループフォーム項目例の詳細な説明
場合によっては、ユーザーがボタンをクリックして同様のフォームを追加し、クリックごとに 1 回追加でき...
HTMLはa要素hrefのURLリンクを自動的に更新したり新しいウィンドウを開いたりする機能を実装する
場合によっては、次のような機能を実装したいことがあります。リンクをクリックします。リンクがブラウザで...
Angularプロジェクトにおける共有モジュールの実装の詳細な説明
目次1. 共有共通モジュール2. 共有マテリアルモジュール3. 共有確認ダイアログ1. 共有共通モジ...
メタタグにおける http-equiv 属性の使用の概要
metaはhtml言語のhead領域にある補助タグです。おそらく、これらのコードは不要だと思うかもし...
CSS と Bootstrap アイコンを使用して、上下にジャンプするインジケーター矢印のアニメーション効果を作成します。
ページが非常に長い場合は、下にさらにコンテンツがあることをユーザーに知らせるために矢印が必要になるこ...
JavaScript における 3 つの for ループ ステートメントの使用の概要 (for、for...in、for...of)
序文JS に触れるすべての開発者は、必然的に for ループを扱うことになります。結局のところ、fo...
DIV の一般的なタスク (パート 1) — 一般的なタスク (スクロール バーの表示、div の非表示、イベント バブリングの無効化など)
最も一般的に使用されるレイアウト要素として、DIV は Web 開発において重要な役割を果たします。...
Python 仮想環境のインストールとアンインストールの方法と発生する問題
Ubuntu16.04 のインストールとアンインストール pip実験環境Ubuntu 16.04; ...
MySQLの保存場所を新しいディスクに移行する方法
1. 新しいディスクを準備し、現在のルートパーティションと同じファイルシステムでフォーマットし、ディ...
Win10の明るさ調整効果を模倣するHTML+CSS+JSサンプルコード
HTML+CSS+JS で Win10 の明るさ調整効果を模倣コード <!doctypehtm...
Mysqlはフィールドスプライシングのための3つの関数を実装している
データをオペレーションにエクスポートする場合、フィールドの結合は避けられません。MySQL でこれが...
Docker で nginx のログレベルを調整する方法
目次はじめにNginx Dockerファイル新しい会議もっと参考文献はじめに最近、アプリケーションの...
CSS 3.0とビデオを組み合わせることでクリエイティブなオープニング効果を実現
CSS 3.0 とビデオを組み合わせて実現したクリエイティブなオープニングをご紹介します。効果は次の...
ネイティブ js が携帯電話のプルダウン更新を模倣
この記事では、携帯電話のプルダウンリフレッシュを模倣したjsの具体的なコードを参考までに共有します。...