5.3 รับค่าจากฟอร์ม 

     เมื่อออกแบบและสร้างฟอร์มเรียบร้อย ผู้พัฒนาสามารถกําหนดไฟล์เป้าหมายเพื่อให้รับค่าจาก ฟอร์มจากนั้นนําค่าไปแสดงผล จัดเก็บหรือประมวลผลได้ การรับค่าจากฟอร์มขึ้นอยู่กับว่าฟอร์มนั้นถูกกําหนดให้ส่งค่ามาแบบใด

ตัวอย่างโปรแกรมที่ 5.3 การรับค่าจากฟอร์ม

ขั้นตอนที่ 1

     เขียนโค้ดคำสั่งสำหรับการสร้างฟอร์มสําหรับส่งชื่อนามสกุล และตัวเลข 2 ค่า ส่งไปยังไฟล์เป้าหมายคือ report.php รูปแบบการส่งเป็นแบบโพสต์  ตามตัวอย่าง  แล้วบันทึกไฟล์ชื่อ  contact.php  

Source Code:

อธิบายโปรแกรม:

บรรทัดที่ 3 สร้างฟอร์มด้วยแท็ก <form>

บรรทัดที่ 4 สร้างช่องรับข้อมูล (Text Field) ข้อมูลชื่อ โดยกำหนดชื่อของ ช่องรับข้อมูล (Text Field)  คือ fname และใช้คำสั่งขึ้นบรรทัดใหม่

บรรทัดที่ 5 สร้างช่องรับข้อมูล (Text Field) ข้อมูลนามสกุล โดยกำหนดชื่อของ ช่องรับข้อมูล (Text Field) คือ lname และใช้คำสั่งขึ้นบรรทัดใหม่

บรรทัดที่ 6 สร้างช่องรับข้อมูล (Text Field)  ข้อมูลตัวเลขที่ 1 โดยกำหนดชื่อของ ช่องรับข้อมูล (Text Field) คือ number1 และใช้คำสั่งขึ้นบรรทัดใหม่

บรรทัดที่ 7 สร้างช่องรับข้อมูล (Text Field)  ข้อมูลตัวเลขที่ 2 โดยกำหนดชื่อของ ช่องรับข้อมูล (Text Field) คือ number2 และใช้คำสั่งขึ้นบรรทัดใหม่

บรรทัดที่ 8 สร้างปุ่มสําหรับกดเพื่อยืนยันการส่งค่าจากฟอร์มไปยังไฟล์ปลายทาง ให้แสดงข้อความบนปุ่ม คือ ตกลง

บรรทัดที่ 9 ปิดแท็ก ฟอร์ม </form>

ขั้นตอนที่ 2

     เขียนโค้ดคำสั่งสำหรับนำค่าที่รับมาจากฟอร์ม มาประมวลผล ตามตัวอย่าง  แล้วบันทึกไฟล์ชื่อ report.php

Source Code:

อธิบายโปรแกรม:

หมายเลข 1  รับค่าข้อมูลจากฟอร์มมาเก็บไว้ในตัวแปร

ตัวแปร $name จะเก็บข้อมูลจากฟอร์มรับข้อมูล ชื่อ (fname)

ตัวแปร $surname จะเก็บข้อมูลจากฟอร์มรับข้อมูล นามสกุล (lname)

ตัวแปร $number1 จะเก็บข้อมูลจากฟอร์มรับข้อมูล ตัวเลขที่ 1 (number1)

ตัวแปร $number2 จะเก็บข้อมูลจากฟอร์มรับข้อมูล ตัวเลขที่ 2 (number2)

หมายเลข 2 คำนวณตัวเลขจากการรับข้อมูลตัวเลขทั้ง 2 ค่า จากฟอร์มที่ส่งมาตัวแปร  $total จะเก็บข้อมูลค่าคงที่ มีค่าเท่ากับ 0

บรรทัดที่ 7 ตรวจสอบว่า ตัวแปร  $number1 ที่เก็บข้อมูลจากฟอร์มรับข้อมูล 

ตัวเลขที่ 1 (number1) มีข้อมูลถูกส่งมา และ ถ้า ตัวแปร  $number2 ที่เก็บข้อมูลจากฟอร์มรับข้อมูล ตัวเลขที่ 2 (number2) มีข้อมูลถูกส่งมา

บรรทัดที่ 8  ให้นำค่าข้อมูลที่เก็บในตัวแปร $number1 คูณกับ  ค่าข้อมูลที่เก็บใน

ตัวแปร $number2 ผลลัพธ์ที่ได้ให้เก็บไว้ในตัวแปร $total

หมายเลข 3 แสดงผลจากการคำนวณตัวเลข

บรรทัดที่ 10  แสดงผลข้อความ สวัสดีคุณ ตามด้วยข้อมูลที่เก็บในตัวแปร 

$name และ $surname

บรรทัดที่ 11 แสดงผลข้อความ ผลคูณของ ตามด้วยข้อมูลที่เก็บในตัวแปร 

$number1 และ $number2 พร้อมด้วยแสดงผลลัพธ์ที่เก็บไว้ในตัวแปร $total

ผลลัพธ์ที่ได้:

1.หน้าฟอร์มรับข้อมูลการติดต่อ


     2.ทดสอบกรอกข้อมูลแล้วคลิกปุ่ม ตกลง


3.แสดงผลลัพธ์ของข้อมูลที่ถูกส่งไป