・変数
・条件分岐
・繰り返し
・配列

といった、PHPの基礎的な部品がすべて揃いました。

ここからは、それらを組み合わせて
Webアプリケーションらしい処理 を書いていきます。

その第一歩が、
フォームデータをPHPで受け取る処理 です。

この記事では、

・HTMLフォームの送信
・PHPでの受け取り方
・表示するまでの最小構成

を、実際に動くコードで解説します。

この記事で学べること

・HTMLフォームとPHPの関係
・$_POST / $_GET の役割
・フォームデータの受け取り方
・受け取った値を表示する方法

フォーム送信の基本的な流れ

フォーム処理は、
次の流れで動いています。

1. HTMLでフォームを表示

2. ユーザーが入力して送信

3. PHPがデータを受け取る

4. 処理・表示を行う

この流れを
一度しっかり体験すること が重要です。

HTMLフォームを作成する

まずは、
最小構成のフォーム を作ります。

サンプルコード①：HTMLフォーム

<form method="post" action="result.php">
  <label>
    名前：
    <input type="text" name="username">
  </label>
  <br>
  <button type="submit">送信</button>
</form>

ポイント

・method=”post”
　→ POST送信を行う
・action
　→ 送信先のPHPファイル
・name 属性
　→ PHP側で使うキー名

name 属性がないと、
PHPでは値を受け取れません。

PHPでフォームデータを受け取る

次に、
送信先の PHP ファイルを作成します。

サンプルコード②：フォームデータの受け取り

<?php
$username = $_POST['username'];

echo $username;

コードの読み解き

・$_POST
　→ POST送信されたデータをまとめた配列
・[‘username’]
　→ フォームの name 属性と対応
・echo
　→ 値を表示

これで、
フォームに入力した内容が
画面に表示されます。

$_POST は配列である

ここは非常に重要です。

$_POST は、
連想配列 です。

つまり、

・キー → name 属性
・値 → 入力された内容

という構造になっています。

未定義エラーを防ぐ書き方

フォーム未送信時に
エラーが出るのを防ぐため、
次の書き方がよく使われます。

サンプルコード③：安全な受け取り方

<?php
$username = $_POST['username'] ?? '';

echo $username;

ポイント

・??（null合体演算子）
　→ 値がなければ空文字にする

この書き方は、
実務でも頻繁に使われます。

GET送信との違い

フォームは、
GET送信することもできます。

サンプルコード④：GET送信フォーム

<form method="get" action="result.php">
  <input type="text" name="keyword">
  <button type="submit">検索</button>
</form>

PHP側の受け取り

<?php
$keyword = $_GET['keyword'] ?? '';
echo $keyword;

POSTとGETの使い分け

目安は次の通りです。

・登録・更新
　→ POST

・検索・ページ移動
　→ GET

フォーム処理で必ず意識すべきこと

ここでは
あえて表示だけ を行っていますが、
実務では次の処理が必須になります。

・未入力チェック（バリデーション）
・XSS対策
・CSRF対策

これらは、
次の記事以降で順番に扱います。

初心者がよくやるミス

フォーム処理で多いミスです。

・name 属性を書き忘れる
・$_POST と $_GET を混同する
・未送信時のエラーを放置する

「送信 → 受け取り」
の対応関係を必ず確認しましょう。

学習初期のおすすめ練習

次の練習がおすすめです。

・入力欄を増やして受け取る
・複数項目を echo で表示する
・GET と POST を切り替えて確認する

まとめ

この記事では、
PHPでフォームデータを受け取るための
基本を学びました。

・HTMLフォームと name 属性
・$_POST / $_GET の役割
・安全な受け取り方

ここまで理解できれば、
PHPで ユーザー入力を扱う土台 が完成です。

次に読むべき記事

▶ 次の記事
6-9 PHPのバリデーションとは何か

▶ 関連記事
6-7 PHPで配列を扱う基本

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

・送信ボタンを押すと、裏側で何が起きているのか
・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エンジニアの仕事の全体像を知らないまま学んでいる
ことにあります。

この記事では、
Webエンジニアが実際に何をしているのか を整理し、
これから学ぶ内容との関係を明確にします。

この記事で学べること

・Webエンジニアの仕事の全体像
・フロントエンドとバックエンドの役割
・学習内容がどこにつながるのか
・初心者が最初に目指すべき状態

Webエンジニアとは何か

Webエンジニアとは、
Web上で動く仕組みを作るエンジニア です。

具体的には、

・Webサイト
・Webサービス
・管理画面
・フォームやログイン機能

などを、
設計・実装・運用 します。

単に「ページを作る人」ではなく、
仕組みを作る人 という点が重要です。

Webエンジニアの仕事は「裏側」が多い

普段ユーザーが見ているのは、

・画面
・ボタン
・入力フォーム

ですが、
Webエンジニアの仕事の多くは
ユーザーから見えない部分 にあります。

例えば、

・入力内容をどう処理するか
・データをどう保存するか
・安全に動かすにはどうするか

といった部分です。

フロントエンドとバックエンド

Webエンジニアの仕事は、
大きく2つに分けられます。

フロントエンド

フロントエンドは、
ユーザーが直接触れる部分 を担当します。

主に使う技術は、

・HTML
・CSS
・JavaScript

役割は、

・画面を表示する
・操作に反応させる
・見た目を整える

です。

バックエンド

バックエンドは、
裏側の処理 を担当します。

主に使う技術は、

・PHP
・データベース（MySQLなど）
・サーバー

役割は、

・データを処理する
・保存・取得する
・安全に制御する

です。

なぜ両方を理解する必要があるのか

初心者のうちは、

「フロントだけ」
「バックだけ」

と分けて考えがちですが、
実際のWeb開発では
両者は常につながっています。

例えば、

・フォーム入力（フロント）
・PHPで処理（バック）
・結果を表示（フロント）

という流れです。

Webエンジニアは「流れ」を作る仕事

重要な視点です。

Webエンジニアは、
1つの技術だけを使う仕事ではありません。

・入力 → 処理 → 出力
・アクセス → 判定 → 表示

といった
一連の流れを設計・実装する仕事 です。

今学んでいる内容は何につながるのか

このロードマップで学ぶ内容は、
すべて実務につながっています。

・HTML / CSS
　→ 画面を作る

・PHP
　→ 処理を作る

・セキュリティ
　→ 安全に動かす

・データベース
　→ 情報を保存する

「なぜこれを学ぶのか」が
すべて明確につながる構成 になっています。

初心者が最初に目指すべき状態

最初から、

・難しい設計
・高度なフレームワーク

を目指す必要はありません。

まず目指すべきは、

・処理の流れを説明できる
・コードの役割が分かる
・なぜこの処理が必要か理解している

という状態です。

Webエンジニアの成長ステップ

大まかな成長イメージです。

1. Webの仕組みを理解する

2. フロントとバックの役割を知る

3. PHPで処理を書けるようになる

4. データベースと連携できる

5. フレームワークを使う

このロードマップは、
①〜④をしっかり固めること を目的としています。

この後の学習とのつながり

この後の記事では、

・Webページが表示される仕組み
・開発環境と本番環境
・PHPの基礎と実践

へと進みます。

それらはすべて、
Webエンジニアの仕事を理解するための部品 です。

まとめ

Webエンジニアは、

・画面を作り
・処理を実装し
・データを扱い
・安全に運用する

という
一連の流れを作る仕事 です。

今後学ぶ内容は、
すべてこの仕事につながっています。

「何のために学んでいるのか」を
見失わずに進むための、
基礎となる考え方 を
ここで押さえておきましょう。

次に読むべき記事

▶ 次の記事
1-3 Webページが表示される仕組み

▶ 関連記事
1-5 開発環境と本番環境の違いとは？