PHPでプログラミング(3)

ではまずフォームを作っていきます。triangle.phpというファイルを/opt/lampp/htdocs配下に作ります。中身はこんな感じ。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三角形の面積</title>
</head>
<body>
<h2>三角形の面積を求める</h2>
<hr>
<form action="triangle.php" method="post">
    <label for="teihen">底辺</label>
    <input type="number" id="teihen" name="teihen"><br>
    <label for="height">高さ</label>
    <input type="number" id="height" name="height"><br>

    <input type="submit" class="butto" value="登録"> 
</form>

<br>
<hr>
    
</body>
</html>

ここではhtmlの話はしませんが、formタグではさんだ部分から入力されたデータをPHPで受け取るということをしていきます。具体的にはname属性のデータを指定して受け取ります。それには

$_POST["teihen"]

とすればinputタグのname属性がteihenであるフォームの値を受け取ることができます。今回はメソッドをPOSTとしていますが、GETでもかまいません。POSTとGETの違いはURLに入力された値が見えるか見えないかの違いです。セキュリティ上、人に見られたくないときはPOSTがいいでしょう。

では先のHTMLのコードにPHPを入れていきます。基本PHPはどこでもいいのですが、わかりやすくするために<hr>タグと</body>の間に入れていきます。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三角形の面積</title>
</head>
<body>
<h2>三角形の面積を求める</h2>
<hr>
<form action="triangle.php" method="post">
    <label for="teihen">底辺</label>
    <input type="number" id="teihen" name="teihen"><br>
    <label for="height">高さ</label>
    <input type="number" id="height" name="height"><br>

    <input type="submit" class="butto" value="計算"> 
</form>

<br>
<hr><br>

<?php
 $teihen=$_POST["teihen"];
 $height=$_POST["height"];
 $menseki=$teihen * $height / 2 ;
 echo "面積:" . $menseki;
?>
    
</body>
</html>

これで数値入力して計算ボタンを押すと面積が表示されるはず。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です