バリデート

$_POST

<!DOCTYPE html>
<html>

<head>
  <meta charset='utf-8'>
  <title>注文フォーム画面</title>
</head>

<body>
  <h3>注文フォーム</h3>

  <p>商品名：お名前ペン</p>
  <p>価格（税込）：100円</p>

  
  <p>会員ID（必須）：
    <?php
    // 問題1. 必須項目 会員ID の存在チェックを行ってから値を出力してください
    // この下に解答してください
    if (!empty($_POST['userId'])) {
      echo $_POST['userId'];
    } else {
      echo '<font color="ff0000">必須です</font>';
    }
    ?>
  </p>

  
  <p>注文ID：<?php echo $_POST['orderId']; ?></p>

  
  <p>配送日：<?php echo $_POST['date']; ?></p>

  
  <p>ご要望欄：</p>
  <p><?php echo $_POST['opinion']; ?></p>

  
  <p>色：<?php echo $_POST['color']; ?></p>

  
  <p>ラッピング（複数選択可）：
    <?php
    if (!empty($_POST['rapping'])) {
      foreach ($_POST['rapping'] as $value) {
        echo '<p>' . $value . '</p>';
      }
    }
    ?>
  </p>

  
  <p>個数：<?php echo $_POST['quantity']; ?></p>

</body>

</html>

<!DOCTYPE html>
<html>
<head>
  <meta charset='utf-8'>
  <title>注文フォーム画面</title>
</head>
<body>
  <h3>注文フォーム</h3>

  <p>商品名：お名前ペン</p>
  <p>価格（税込）：100円</p>

  <form action='confirm.php' method='post'>

    
    <p>会員ID（必須）：<input type='text' name='userId'></p>

    
    <input type='hidden' name='orderId' value='orderId-12345'>

    
    <p>配送日：<input type='date' name='date'></p>

    
    <p>ご要望欄：</p>
    <p><textarea name='opinion' cols='50' rows='5'></textarea></p>

    
    <p>色：
    <label><input type='radio' name='color' value='黒' checked>黒</label>
      <label><input type='radio' name='color' value='赤'>赤</label>
      <label><input type='radio' name='color' value='青'>青</label>
    </p>

    
    <p>ラッピング（複数選択可）：
      <input type='checkbox' name='rapping[]' value='紙包装'>紙包装
      <input type='checkbox' name='rapping[]' value='リボン'>リボン
      <input type='checkbox' name='rapping[]' value='外袋'>外袋
    </p>

    
    <p>注文個数：
    <select name='quantity'>
      <?php
        for ($i = 1; $i <= 15; $i++) {
          echo '<option value=' . $i . '>' . $i . '</option>';
        }
      ?>
    </select>
    </p>

    <p><input type='submit' name='submitButton' value='送信'></p>

  </form>
</body>
</html>

<!DOCTYPE html>
<html>

<head>
  <meta charset='utf-8'>
  <title>注文フォーム画面</title>
</head>

<body>
  <h3>注文フォーム</h3>

  <p>商品名：お名前ペン</p>
  <p>価格（税込）：100円</p>

  
  <p>会員ID（必須）：
    <?php
    // 問題1. 必須項目 会員ID の存在チェックを行ってから値を出力してください
    // この下に解答してください
    ?>
  </p>

  
  <p>注文ID：<?php echo $_POST['orderId']; ?></p>

  
  <p>配送日：<?php echo $_POST['date']; ?></p>

  
  <p>ご要望欄：</p>
  <p><?php echo $_POST['opinion']; ?></p>

  
  <p>色：<?php echo $_POST['color']; ?></p>

  
  <p>ラッピング（複数選択可）：
    <?php
    if (!empty($_POST['rapping'])) {
      foreach ($_POST['rapping'] as $value) {
        echo '<p>' . $value . '</p>';
      }
    }
    ?>
  </p>

  
  <p>個数：<?php echo $_POST['quantity']; ?></p>

</body>

</html>


    // =======================
    // 問題1
    // =======================
    // 問題文
    const title1 = '必須項目 会員ID の存在チェックを行ってから値を出力してください';
    // 実装タスク
    const task1 = "`confirm.php`にて、`*empty*`関数を使用して`HTTP POST変数` `*$_POST['userId']*`の存在チェックを行い、`*if*`文を使用して、空でなければ変数`*$_POST['userId']*`を、それ以外の場合は`*<font color=\"ff0000\">必須です</font>*`を`*echo*`で出力しよう";
    // ヒント
    const hint1 = `次のコードを参考にしてください。
~~~php
if (!empty($_POST['id'])) {
  echo $_POST['id'];
} else {
  echo '<p>No data</p>';
}
~~~`;
    // アンサーコード
    const answer1 = `
  if (!empty($_POST['userId'])) {
    echo $_POST['userId'];
  } else {
    echo '<font color="ff0000">必須です</font>';
  }
`;
    // =======================
    // 手順
    // =======================
    const questions = [
        {
            title: title1,
            tests: [
                {
                    title: task1,
                    hint: hint1,
                    test: () => {
                        isContainTextInEditor(answer1);
                    }
                }
            ]
        }
    ];


フォームとPHP

POSTメソッド

$_GET

GETメソッド

テキストボックス

隠しフィールド

テキストエリア

ラジオボタン

チェックボックス

PHPのforeach文を使用したHTMLタグの動的生成

```php
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>動物の名前</title>
</head>
<body>
    <?php
    // 動物名の配列を定義
    $animals = ['犬', '猫', 'ウサギ', '鳥', 'カメ'];

    // 配列の要素を繰り返し処理し、各動物の名前を段落として表示
    foreach ($animals as $animal) {
        echo '<p>' . $(1) . '</p>';
    }
    ?>
</body>
</html>
```

セレクトボックス

PHPのfor文を使用したHTMLタグの動的生成

【演習】簡易お買い物フォームを作成しよう

【演習】簡易お買い物フォームにバリデート処理を追加しよう

問い合わせページなどでよく目にするフォーム入力と、そのデータの受け渡しを学ぶレッスンです。
入力値チェックであるバリデート処理まで、Webアプリ作成に欠かせないスキルを身につけます。