PHPでページ遷移と値渡し

HTML & CSS

2021.09.02

はじめに
遷移元ページのソースコード
遷移先ページのソースコード

はじめに

PHPを勉強し始めたのでページ遷移と値渡しの超基本的なことまとめます。

作ったWebページは、名前を入力して「送信ボタン」を押すと「Hello, (名前)!」を表示する簡単なものです。

遷移元ページのソースコード

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Hello, name</title>
    </head>
    <body>
        <form method="post" action="hello-name-show.php">
            <p>What is your name?</p>
            <input type="text" value="Put your name here." name="name">
            <input type="submit" value="send">
        </form>
    </body>
</html>

<form>タグで囲んだ部分が遷移先と値渡しの方法(POST)を指定しています。

出力結果は下のような感じです。

What is your name?

遷移先ページのソースコード

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Hello, name</title>
    </head>
    <body>
        <p>Hello, <?php echo $_POST["name"]?>!</p>
    </body>
</html>

遷移元ページの<form>タグで囲まれている部分の内、「name」をもつ部分の要素を取得しています。

出力結果は下のような感じです。

Hello, SATOLOG!

無事に入力した名前を表示してくれました。