Webページのソースコードが不完全です：隠しコード？

Question

this login pageがブラウザ（Chrome）からソースを見てどのように動作するかを理解しようとしています。

ソースは、CSS、画像、および汎用JavaScriptライブラリへのリンクです。 （言語を変更するための）ちょっとしたjQueryを始めて、私はなぜページが単なるデッドHTML要素ではないのか分かりません。

たとえば、空のユーザー名とパスワードで「ログイン」をクリックすると、「入力したユーザー名またはパスワードが間違っています」というメッセージが表示されます。表示されます。しかし、私はそのような行動が定義されているソースのどこにも見ることができません。

私には何が欠けていますか？

Answer 1

あなたが見ているアクティビティは、<form>要素の中核機能の1つです。 formが送信されると、ユーザーのブラウザはフォームのaction属性で定義されたページに転送されます。このページにユーザを誘導することに加えて、フォームに含まれるinputのすべてが変数としてWebサーバに渡されます。

フォームを送信する1つの方法は、タイプsubmitのinput要素をフォームに含めることです。これはWebデザイナーがここで行ったものです。そのsubmit要素が呼び出されると（クリックなどを介して）、フォームが送信されます。

Answer 2

LOGINボタンをクリックすると、フォームがサーバーに送信され、サーバーにメッセージが含まれる新しいHTMLが返されます。そのロジックはサーバーサイドのコードで定義されていますが、外部からは見ることができません。 「ソースの表示」は、サーバーが出力するものだけを表示します。

Answer 3

表示されるメッセージはjQuery/Javascriptで表示されません。

「ログイン」ボタンをクリックすると、ページからリクエストが送信されます。 これは、サーバーサイドコードが実行を開始し、表示されないコードを意味します。

このサーバーサイドコードは入力を処理し、表示されるエラーメッセージを生成します。

Answer 4

ページは単に爽やかであると思います。 これを確認するには、Chromeのコンソールで[ネットワーク]タブを開き、空のフォームを送信するときに確認します。

httpアセットキャッシングのおかげで、このはのように見えますが、ページが更新されなかったようですが、クロムのネットワークタブで確認されたようです。