HTMLログインから次の画面への移行

Question

私はログイン/ユーザー名&のパスワードのリンク先ページを持つウェブサイトを構築しています。私はログインエリアを含むdivを持っています。それは目に見えるように設定されており、ページの高さと幅の100％にわたっており、そのZインデックスはウェブサイト内の他のどの要素よりも高いです。これはスタンドアロンのログインページの効果をもたらしますが、それはウェブサイトの他の部分をカバー/オーバーラップするフォームのログを含む単なるdivです。

ユーザーが正しいユーザー名とパスワードを入力すると、この部門を作成する機能が実行されます。display:none;は、ログインフォームを非表示にするため、ユーザーはWebサイトを参照してアクセスできます。

これは、ログインプロセスの最も安全な方法のようには見えません。ログインフォームの下の残りのページ要素は、ユーザーがログインする前にバックグラウンドで読み込まれているためです。

ログインフォームからログインしたウェブサイトの状態に安全に切り替えられるプロセスを処理する最も良い方法は何ですか？現在のページにそれらを保存することが可能な場合は、ユーザーを新しいページにリダイレクトしないでください。

Answer 1

最初にログインしていない状態でページを読み込むと、ユーザーとは関係のないダミー要素を読み込むことができます。その上にログインフォームがあります。

ログインに成功すると、バックエンドにもユーザーの実際のデータを要求する要求が行われます。この実際のデータを使用して、「ダミー要素」を修正するか、単にjavascriptを使用してユーザーに必要な新しい要素を生成します。

開発者コンソールでdisplay: none;を使用してログインしたバージョンを表示しようとすると、実際には何も表示されません。