フォームを作れるようになると、
次に必ず出てくる疑問があります。

・送信ボタンを押すと、裏側で何が起きているのか
・GET と POST は何が違うのか
・URLに文字が付くのはなぜか

この仕組みを理解せずに進んでしまうと、
PHPの学習で確実につまずきます。

この記事では、
HTMLフォーム送信の仕組みを「概念レベル」で整理し、
GET / POST の違いを初心者向けに解説します。

この記事で学べること

・フォーム送信時に起きていること
・GETとPOSTの役割の違い
・URLとデータの関係
・PHP学習につながる考え方

フォーム送信時に何が起きているのか

フォーム送信とは、
ブラウザからサーバーへデータを送る処理です。

流れを大まかに整理すると、次のようになります。

・ユーザーが入力する
・送信ボタンを押す
・ブラウザがデータをまとめる
・サーバーにリクエストを送る

HTMLは、
この「送るきっかけ」を作っているだけです。

formタグの役割を思い出す

formタグは、
次の情報をブラウザに伝えています。

・どこに送るか（action）
・どうやって送るか（method）

この2つによって、
送信の動作が決まります。

actionとは何か

actionは、
送信先のURL を指定する属性です。

送信ボタンが押されると、
ブラウザは action に指定されたURLへ
データを送信します。

この送信先で、
PHPなどのサーバー処理が行われます。

methodとは何か

methodは、
データの送り方 を指定する属性です。

HTMLフォームでは、
主に次の2種類が使われます。

・GET
・POST

この違いを理解することが、
この記事の最大の目的です。

GETとは何か

GETは、
URLにデータを付けて送信する方法です。

特徴としては、

・送信内容がURLに表示される
・ブックマークや共有が可能
・データ量に制限がある

といった点があります。

GETが使われる場面

GETは、
次のような場面で使われます。

・検索フォーム
・ページ切り替え
・条件指定

「データを取得するだけ」
という用途に向いています。

POSTとは何か

POSTは、
URLとは別にデータを送信する方法です。

特徴としては、

・URLに内容が表示されない
・大量のデータを送れる
・セキュリティ面で有利

という点があります。

POSTが使われる場面

POSTは、
次のような場面で使われます。

・お問い合わせフォーム
・ログイン処理
・登録・更新処理

「データを送って処理する」
場面で使われます。

GETとPOSTの違いまとめ

ここで、
両者の違いを整理します。

・GET
　URLにデータが付く
　取得・検索向き

・POST
　URLに表示されない
　送信・登録向き

迷った場合は、
個人情報や重要なデータを含むならPOST
と覚えておけば問題ありません。

なぜURLにデータが見えるのか

GETで送信すると、
URLの後ろに
「?」や「&」を含む文字列が付きます。

これは、
クエリ文字列 と呼ばれる仕組みです。

この文字列には、
name属性と入力値の組み合わせが含まれています。

name属性が重要な理由

フォーム送信では、
name属性がデータのキー になります。

サーバー側では、

・どの入力欄の値か
・どの名前で送られてきたか

を name を元に判断します。

nameがなければ、
入力されていても
データとして認識されません。

HTMLは「送る」までが役割

ここで重要な考え方です。

HTMLは、

・入力画面を作る
・データを送る

ここまでが役割です。

・受け取る
・処理する
・保存する

これらは、
PHPなどのサーバー側言語の役割になります。

PHP学習への橋渡し

ここまで理解できていれば、
次のステップは明確です。

・サーバーは何を受け取っているのか
・送られたデータはどこにあるのか
・どうやって表示・処理するのか

これらを扱うのが、
次章の PHP基礎 です。

よくある勘違い

最後に、
初心者がよく混乱する点を整理します。

・GETが危険、POSTが安全というわけではない
・POSTでも暗号化されるわけではない
・セキュリティは別途対策が必要

GET / POST は、
用途による使い分け が重要です。

まとめ

HTMLフォーム送信は、
ブラウザとサーバーをつなぐ重要な仕組みです。

・action：送信先
・method：送り方
・GET：取得向き
・POST：送信向き

この仕組みを理解できれば、
PHPの学習が「意味の分からない作業」ではなく
つながりのある理解 に変わります。

これで、
3章 HTML基礎は完全に終了です。

次に読むべき記事

▶ 次の記事
4-1 CSSとは何か｜HTMLとCSSの役割分担

▶ 関連記事
3-6 フォームの基本構造とinputタグの使い方

ここから先、
Webページを「見るだけのもの」から
「ユーザーが操作できるもの」 に変えるために必要なのが
フォーム（form） です。

・お問い合わせフォーム
・ログイン画面
・検索フォーム

これらはすべて、HTMLフォームを基盤として作られています。

この記事では、
フォームの基本構造と、inputタグの正しい使い方を
初心者向けに整理して解説します。

この記事で学べること

・HTMLフォームの役割
・formタグの基本構造
・inputタグの種類と使いどころ
・labelの重要性
・フォームが次のPHP学習につながる理由

フォームとは何か

フォームとは、
ユーザーからの入力を受け取るための仕組みです。

フォームを使うことで、

・文字を入力する
・ボタンを押す
・選択肢を選ぶ

といった操作が可能になります。

入力されたデータは、
最終的に サーバー側（PHPなど） に送られます。

フォームの基本構造

HTMLフォームは、
大きく次の要素で構成されます。

・formタグ
・入力欄（inputなど）
・送信ボタン

これらがセットになって、
初めてフォームとして機能します。

formタグの役割

formタグは、
「ここからここまでがフォームです」
とブラウザに伝えるためのタグです。

formタグ自体は見た目を持ちませんが、
内部にある入力欄やボタンをまとめる重要な役割を持ちます。

formタグで重要な属性

formタグには、
特に重要な属性が2つあります。

・action
・method

これらは、
次の記事（フォーム送信の仕組み）で詳しく解説しますが、
ここでは「存在を知っておく」だけで十分です。

inputタグとは何か

inputタグは、
ユーザーが実際に入力するためのタグです。

1つのinputタグで、
さまざまな入力欄を表現できます。

入力の種類は、
type属性によって決まります。

よく使うinputタグの種類

ここでは、
Web開発で特によく使われる type を紹介します。

text（テキスト入力）

文字を入力するための最も基本的な入力欄です。

使いどころ
・名前
・タイトル
・自由入力欄

password（パスワード）

入力内容が伏字になる入力欄です。

使いどころ
・ログイン画面
・パスワード設定

email（メールアドレス）

メールアドレス入力専用の入力欄です。

特徴
・入力形式のチェックが行われる
・スマートフォンでは専用キーボードが表示される

submit（送信ボタン）

フォームの内容を送信するためのボタンです。

このボタンが押されることで、
フォーム送信が行われます。

textarea（複数行入力）

textareaは、
複数行の文章を入力するためのタグです。

使いどころ
・お問い合わせ内容
・コメント欄

短い入力は input、
長文は textarea
と使い分けるのが基本です。

labelタグの重要性

labelタグは、
入力欄の説明をするためのタグです。

見た目だけでなく、
操作性・アクセシビリティの面でも非常に重要です。

labelを正しく使うことで、

・入力欄をクリックしやすくなる
・何の入力欄か分かりやすくなる
・音声読み上げにも対応できる

といったメリットがあります。

name属性は必須

フォームを扱ううえで、
絶対に忘れてはいけないのが name属性 です。

name属性は、
入力されたデータの「名前」 になります。

この name を使って、
PHPなどのサーバー側で値を受け取ります。

nameがなければ、
入力されていてもデータは送られません。

フォームは「HTMLだけでは完結しない」

ここで重要なポイントです。

HTMLフォームは、
入力画面を作るだけです。

・入力チェック
・データ保存
・メール送信

これらは、
PHPやJavaScriptと組み合わせて初めて実現します。

そのため、
フォームは
HTMLとサーバー処理をつなぐ架け橋
と言えます。

初心者がよくやる間違い

フォームでありがちなミスを整理します。

・name属性を付け忘れる
・labelを使わない
・inputのtypeを意識していない
・見た目だけ整えて満足してしまう

フォームは、
「送信されて初めて完成」
という意識を持つことが大切です。

次の学習につながるポイント

ここまで理解できれば、
次は次の疑問が自然に出てきます。

・送信すると何が起きているのか
・GETとPOSTの違いは何か
・URLに何が含まれているのか

次の記事では、
フォーム送信の仕組みそのもの
を詳しく見ていきます。

まとめ

HTMLフォームは、
Web開発における非常に重要な要素です。

・formが全体をまとめる
・inputやtextareaで入力を受け取る
・name属性がデータの鍵になる

この理解があることで、
次のPHP学習がスムーズにつながります。

次に読むべき記事

▶ 次の記事
3-7 HTMLフォーム送信の仕組みを理解する（GET / POST）

▶ 関連記事
3-3 HTML属性とは？class・id・nameの違い
3-5 セマンティックHTMLとは？正しい構造を書く理由