HTMLの<form></form>タグは、ユーザー入力のHTMLフォームを作成するために使用されます。このタグの2つの重要な屬性は、 actionとmethodの屬性です。

• アクション屬性： action屬性は、フォームが送信されたときにフォームデータを送信する場(chǎng)所を指定します。 URLをその値として使用します。このURLは、HTMLドキュメントと同じサーバーまたは別のサーバー上にあります。 action屬性が指定されていない場(chǎng)合、フォームデータはフォームを含むHTMLドキュメントのURLに送信されます。
• メソッド屬性： method屬性は、フォームデータを送信するときに使用するHTTPメソッドを定義します。 GETまたはPOST 2つの値のいずれかを持つことができます。 GETメソッドは、フォームデータをaction屬性で指定したURLに追加します? 。 POSTメソッドは、HTTP要求本體の一部としてフォームデータを送信しますが、これはURLには表示されません。 GETとPOSTの選択は、データの性質(zhì)とそのデータの意図した処理に依存します。

アクション屬性は、フォームデータが送信される場(chǎng)所をどのように決定しますか？

<form></form>タグのaction屬性は、フォームデータを処理のための正しい宛先に向ける上で重要な役割を果たします。フォームが送信されると、ブラウザはHTTP要求を作成し、 action屬性で指定されたURLに送信します。このURLは、絶対的なURL（ https://example.com/process-formなど）または相対URL（例えば、 /process-form ）にすることができます。

プロセスの仕組みは次のとおりです。

1. フォームの提出：ユーザーが送信ボタンをクリックすると、ブラウザはフォーム送信プロセスを開始します。
2. HTTP要求構(gòu)築：ブラウザはmethod屬性によって指定されたメソッドを使用してHTTP要求を構(gòu)築します。フォームデータは、メソッド（ GETまたはPOST ）に従ってエンコードされます。
3. サーバーへのデータの送信：フォームデータを含むHTTP要求は、 action屬性で指定されたURLに送信されます。
4. サーバー処理：指定されたURLのサーバーは要求を受信し、サーバー側(cè)のアプリケーションのロジックに従ってフォームデータを処理します。

正しいaction URLを指定することにより、開発者はフォームデータが、同じサーバー上のページであろうと外部サービスであろうと、処理のために意図したエンドポイントに到達(dá)するようにします。

Form SubmissionsのGETメソッドとポストメソッドの違いは何ですか？

GETおよびPOSTメソッドは、HTMLでフォームデータを送信する主な方法であり、それぞれに異なる特性とユースケースがあります。

• メソッドを取得：

  • データエンコーディング：データは、クエリパラメーターとしてURLに追加されます? 。たとえば、フォームデータにname=John&age=30が含まれている場(chǎng)合、URLはhttps://example.com/process-form?name=John&age=30のように見える場(chǎng)合があります。
  • 可視性：データはURLに表示されます。これは、機(jī)密データが送信されている場(chǎng)合にセキュリティの懸念事項(xiàng)になる可能性があります。
  • ブックマークとキャッシュ：データはURLの一部であるため、GETリクエストはブラウザによってブックマークされ、キャッシュされます。
  • データ制限： URLの長(zhǎng)さの制限により、通常は2048文字前後のデータの量に制限があります。
  • iDempotency： Get RequestsはiDempotentです。つまり、複數(shù)の同一のリクエストが単一のリクエストと同じ効果を持つ必要があります。

• 投稿方法：

  • データエンコーディング：データはHTTP要求本體の一部として送信されますが、これはURLには見えません。
  • 可視性：データはURLには表示されないため、機(jī)密データを送信するには安全性が高まります。
  • ブックマークとキャッシュ：投稿リクエストは、通常、ブラウザによってブックマークまたはキャッシュされていません。
  • データの制限：送信できるデータの量に制限はありません。これは、大規(guī)模なデータ送信に適しています。
  • idempotency：投稿リクエストはidempotentではありません。つまり、複數(shù)の同一のリクエストには異なる効果がある場(chǎng)合があります。

GETとPOSTを選択することは、フォームの目的によって異なります。 GET 、データの取得や、データを非表示にする必要のないフォームに適していますが、機(jī)密データを送信したり、サーバー狀態(tài)を変更するアクションを?qū)g行したり、大量のデータを送信するフォームにはPOSTが優(yōu)先されます。

その機(jī)能を強(qiáng)化するために、

その機(jī)能とユーザーエクスペリエンスを強(qiáng)化するために、 <form></form>タグで他のいくつかの屬性を使用できます。ここに重要な屬性のいくつかがあります：

• 名前：フォームの名前を指定します。これは、JavaScriptがフォームを參照するのに役立ちます。例： <form name="myForm"></form> 。
• ID： CSSおよびJavaScriptで使用できる一意の識(shí)別子をフォームに割り當(dāng)てます。例： <form id="contactForm"></form> 。

• enctype：フォームデータのエンコードを送信する方法を指定します。一般的な値は次のとおりです。

  • application/x-www-form-urlencoded （デフォルト）：標(biāo)準(zhǔn)エンコーディング。
  • multipart/form-data ：フォームにファイルアップロードが含まれている場(chǎng)合に必要です。
  • text/plain ：プレーンテキストの提出にはめったに使用されません。

• ターゲット：フォームを送信した後に受信される応答を表示する場(chǎng)所を指定します。一般的な値は次のとおりです。

  • _self （デフォルト）：同じウィンドウ/タブで開きます。
  • _blank ：新しいウィンドウ/タブで開きます。
  • _parent ：親フレームで開きます。
  • _top ：ウィンドウの全身で開きます。
• オートコンプリート：フォームにオートコンプリートを有効にする必要があるかどうかを制御します。値はon （デフォルト）またはoff 。例： <form autocomplete="off"></form> 。
• NOVALIDATE：提出時(shí)にフォームを検証しないでください。例： <form novalidate></form> 。
• Accept-Charset：フォームの提出に使用する文字エンコーディングを指定します。例： <form accept-charset="UTF-8"></form> 。

これらの屬性により、開発者はフォームの動(dòng)作をカスタマイズし、セキュリティを強(qiáng)化し、使いやすさを改善し、フォームをより複雑なWebアプリケーションに統(tǒng)合できます。