From 15cae6897dac4faa75f64955af00e8423836c9cc Mon Sep 17 00:00:00 2001 From: XYJ080 <101054474+JY251@users.noreply.github.com> Date: Sun, 1 May 2022 01:49:52 +0900 Subject: [PATCH] =?UTF-8?q?=E3=83=95=E3=82=A9=E3=83=BC=E3=83=A0=E3=81=AE?= =?UTF-8?q?=E4=B8=80=E9=83=A8=E6=96=87=E7=AB=A0=E3=82=92=E8=BF=BD=E5=8A=A0?= =?UTF-8?q?=E2=91=A1=E2=91=A0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/3-golden-week/06-form/index.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/docs/3-golden-week/06-form/index.md b/docs/3-golden-week/06-form/index.md index 5f9738389..80ad843ce 100644 --- a/docs/3-golden-week/06-form/index.md +++ b/docs/3-golden-week/06-form/index.md @@ -15,3 +15,9 @@ import OpenInCodeSandbox from "@site/src/components/OpenInCodeSandbox"; 例:google.comで、検索エンジンに何か入力して、検索すると、検索結果が表示されるが、そのページのURLに注目。(下画像赤線がクエリパラメータ) ## サーバーにデータを送信する +form要素を使うとユーザーの入力からクエリパラメータを生成してページ遷移できる。 + +・ formのaction属性: フォーム送信時に移動し、データを送信するページ +・input要素: テキストボックス +・inputのname属性: クエリパラメータのキー +・button要素: form内のボタンをクリックするとformのactionに指定したページに遷移する(送信ボタンになる) \ No newline at end of file