フロントエンドの卒業設計について先輩から言いたいことがある

:hover この属性を持つラベルの上にマウスを置くと、現在のラベルが hover

ご存知のとおり、Web フロントエンド ページは主に HTML/CSS/JavaScript で構成されており、ユーザーとの対話を通じてさまざまな機能を実装する場合、一部のデータや操作をバックグラウンドに送信する必要があります。 Web の世界では、さまざまな実装が目まぐるしく行われていますが、最終的には 3 つしかメソッドがなく、これらのメソッドもフロントエンド スクリプト、ブラウザー、バックエンドの対話ルールによって決まります。

これは、HTML でサポートされている最も伝統的な送信方法です。フォームを作成する必要があります。そのフォームにはさまざまな種類のフォーム要素が含まれており、送信ボタンもあります。送信ボタンは、バックグラウンドで送信するために使用されます。 . このようにして、送信後にページが更新されます。

Web ページのリンクに送信する必要があるパラメータを添付できます。ユーザーがリンクをクリックすると、ブラウザはリンクへのアクセスを開始し、それによってリンクに添付されたパラメータもバックグラウンドに送信されます。この方法で送信すると、ページも更新されます。

#Javascript は、HTTP リクエストを作成するための ajax メソッドをサポートしています。HTML ページ要素のイベント処理関数で ajax リクエストを作成し、必要な送信パラメータを url パラメータに含めて、それをバックグラウンドに送信できます。この方法では、ページは更新されません。

実際の Web ページでは、実際のユーザー操作のニーズに基づいて、適切な送信方法を選択する必要があります。

1. テキスト ボックス、ラジオ ボックス、ドロップダウン ボックスなどのユーザー入力にいくつかのフォーム タイプを使用する必要がある場合は、1 番目と 3 番目の方法を選択できます。送信後にページを更新したい場合は、 1 番目の方法を選択します。送信後にページを更新したくない場合は、オプション 3 を選択してください。

2. フォームタイプの入力が不要な場合は、2 番目と 3 番目の方法を選択できます。送信後にページを更新する場合は、2 番目の方法を選択します。送信後にページを更新したくない場合は、 3番目の方法を選択します。

3. 複数のフォームや、1 つのフォームに複数の送信ボタンが対応していても問題ありません。もちろん、複数のフォームがある場合、フォームが送信されるたびに、ページは送信されたフォームの値のみを受け取ることに注意してください。フォームをネストすることはできません。各フォームには非表示フィールドがあります。送信されると、非表示フィールドも送信されます。さまざまな非表示フィールドの値に基づいて、さまざまな操作を実行できます。

以上がフロントエンドの卒業設計について先輩から言いたいことがあるの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。