HTMLのformでラジオボタンのvalueをPOSTする方法

HTML

HTMLのformでラジオボタンのvalueをPOSTする方法

HTMLのformを使ってラジオボタンの値をPOSTする方法について説明します。

1. ラジオボタンの基本構造

ラジオボタンを使用すると、ユーザーが複数の選択肢から1つだけを選択できるようになります。
ラジオボタンを作成するためには、inputタグを使用し、type属性をradioに設定します。
同じグループに属するラジオボタンには、同じname属性を指定する必要があります。
value属性には、選択された場合にサーバーに送信される値を設定します。

以下は、簡単なラジオボタンの例です：

<form action="submit_form.php" method="post">
  <label>
    <input type="radio" name="test-gender" value="male"> Male
  </label>
  <label>
    <input type="radio" name="test-gender" value="female"> Female
  </label>
  <label>
    <input type="radio" name="test-gender" value="other"> Other
  </label>
  <input type="submit" value="Submit">
</form>

2. サーバーに送信されるデータ

上記のフォームが送信されると、サーバー側で以下のようなデータがPOSTリクエストで送られます。
例えば、ユーザーがMaleを選択してフォームを送信した場合、送信されるデータは次のようになります：

test-gender=male

ここで重要なのは、name属性がサーバーに送信されるデータのキーとなり、選択されたラジオボタンのvalue属性の値が送信されるデータの値になるということです。

3. サーバー側での処理

PHPを使用して、サーバー側でこのデータを受け取る方法は以下の通りです：

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
  $gender = $_POST['test-gender'];
  echo "Selected gender: " . htmlspecialchars($gender);
}
?>

このコードは、POSTリクエストからtest-genderの値を取得し、それを表示します。
ユーザーが送信した値は$gender変数に格納され、htmlspecialchars関数を使用して安全に出力します。

4. まとめ

  • ラジオボタンはinputタグとtype="radio"属性を使用して作成します。
  • 複数のラジオボタンを同じグループにするには、同じname属性を使用します。
  • value属性に設定した値が、フォームが送信されたときにサーバーに送信されます。
  • サーバー側では、POSTデータを取得して処理します。

これで、ラジオボタンを使用してフォームの値をPOSTする方法について理解できたと思います。
必要に応じてフォームの構造やサーバー側の処理の修正が必要です。