網頁

2023年3月19日 星期日

簡單的 html 表單及 php 接收表單

首先做一個簡單的學生資料表單:

 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<form method="post" action="demo.php">
學生資料建立 <br><br>
學號: <input type="text" name="id" value="">
<span class="error"> <?php echo $nameErr;?> </span>
<br><br>
姓名: <input type="text" name="name" value="">
<span class="error"> <?php echo $nameErr;?> </span>
<br><br>
性别:
<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="female">女
<span class="error"> <?php echo $genderErr;?> </span>
<br><br>
手機: <input type="text" name="phone" value="">
<span class="error"> <?php echo $emailErr;?> </span>
<br><br>
郵件: <input type="text" name="email" >
<span class="error"><?php echo $websiteErr;?> </span>
<br><br>
擅長運動:
<input type="checkbox" name="sport[]" value="羽球">羽球
<input type="checkbox" name="sport[]" value="籃球">籃球
<input type="checkbox" name="sport[]" value="桌球">桌球
<input type="checkbox" name="sport[]" value="直排輪">直排輪
<span class="error"> <?php echo $sportErr;?> </span>
<br><br>
<input type="submit" name="submit" value="送出">
<input type="reset" value="清除">
</form>

將此檔案存檔為 demo.html,並在瀏覽器輸入 127.0.0.1/demo.html


 

接著寫一個可以接收 html 表單資料的 php 程式:


<?php
$id = $_POST['id'];
$name = $_POST['name'];
$sex = $_POST['sex'];
$phone = $_POST['phone'];
$email = $_POST['email'];
echo "學號: ".$id;
echo "<br>姓名: ".$name;
echo "<br>性别: ".$sex;
echo "<br>手機: ".$phone;
echo "<br>郵件: ".$email;
echo "<br>擅長運動: ";
$q = isset($_POST['sport'])? $_POST['sport'] : '';
if(isset($q)) {
foreach($q as $val) {
echo $val.', ';
}
}
?>

我們將檔案存成 demo.php ,記得要和 html 表單程式裡呼叫的檔名相同就好。

現在在表單輸入一些資料:

按下送出後會出現:



沒有留言:

張貼留言