รู้จักกับฟอร์ม และ การรับส่งค่าระหว่างเว็บเพจ

1. รู้จักกับฟอร์ม และการรับส่งค่าระหว่างเว็บเพจ

2. Form • Forms คือช่องกรอกแบบฟอร์มที่เราเจอตามตามเวบทั่วไป เวบมาสเตอร์ใช้ส่วนนี้รับข้อมูลจากผู้เข้าชมเวบ ไม่ว่าจะเป็นประวัติส่วนตัว ผลโวตต่างๆ หรือ Search หาข้อมูล รูปแบบ <form name="form1" method="post" action="form.php"> Name = ชื่อฟอร์ม Method = วิธีการส่งข้อมูลระหว่างเว็บเพจ Action = เพจที่เว็บเพจจะส่งข้อมูลไปให้

3. Form Method • วิธีการส่งข้อมูลระหว่างเว็บเพจที่ใช้ในฟอร์ม มี 2 วิธีคือ • Get • POST • Get จะส่งข้อมูลต่อท้าย URL มักใช้กับข้อมูลที่ไม่เป็นความลับ หรือต้องการตรวจสอบ • POST มีการเข้ารหัสระหว่างส่งข้อมูล มักใช้กับข้อมูลที่เป็นความลับ

4. ตัวอย่างการส่งค่าด้วยฟอร์มแบบ Get <form name = "formget" action="getform.php" method="get" > <input name= "a" value= "5" ><br> <input name= "b" value= "6" ><br> <input type= "submit" value = "submit"> </form>

5. ตัวอย่างการส่งค่าแบบ POST <form name = "formpost" action="postform.php" method="post"> <input name= "c" value= "7" ><br> <input name= "d" value= "8"><br> <input type= "submit" value = "submit" > </form>

6. เครื่องมือที่ใช้ในการส่งค่าในฟอร์มเครื่องมือที่ใช้ในการส่งค่าในฟอร์ม • Form – ใช้เพื่อบอกขอบเขตของข้อมูลที่ต้องการส่งไปในฟอร์มนั้น ๆ • Text Field- ใช้ส่งข้อมูลในลักษณะเป็นข้อความ บรรทัดเดียว • Text Area- ใช้ส่งข้อมูลในลักษณะเป็นข้อความ หลายบรรทัด • Radio Button– ส่งข้อมูลแบบเลือก (เลือกได้คำตอบเดียว) • Check Box - ส่งข้อมูลแบบเลือก (เลือกได้หลายคำตอบ) • List Menu– ใช้ส่งข้อมูลในลักษณะเมนูลิสต์ • Button– ปุ่ม ใช้เพื่อส่งฟอร์ม หรือ รีเซตฟอร์ม • Hidden Field – ใช้ส่งข้อมูลโดยผู้เขียนเว็บต้องระบุข้อมูลเองในสคริปต์ html

7. เครื่องมือที่ใช้ในการส่งค่าในฟอร์มเครื่องมือที่ใช้ในการส่งค่าในฟอร์ม • Form • Text Field • Text Area • Radio Button • Check Box • List Menu • Button • Hidden Field

8. ออกแบบฟอร์มดังนี้

9. การรับค่าที่ส่งมาด้วยฟอร์มการรับค่าที่ส่งมาด้วยฟอร์ม • วิธี GET รับโดยใช้ตัวแปรแบบ Global ชื่อ $_GET รูปแบบ $_GET[“ชื่อของข้อมูลที่ถูกส่งมา”]; ตัวอย่าง $name = $_GET[“txtName”];

10. ตัวอย่างการรับค่าด้วยวิธี GET <? echo $_GET["a"]; echo $_GET["b"]; echo $_GET["a"] + $_GET["b"]; ?>

11. การรับค่าที่ส่งมาด้วยฟอร์มการรับค่าที่ส่งมาด้วยฟอร์ม • วิธี POST รับโดยใช้ตัวแปรแบบ Global ชื่อ $_POST รูปแบบ $_POST[“ชื่อของข้อมูลที่ถูกส่งมา”]; ตัวอย่าง $name = $_POST[“txtName”];

12. ตัวอย่างการรับค่าด้วยวิธี POST <? echo $_POST["c"]; echo $_POST["d"]; echo $_POST["c"] * $_POST["d"]; ?>

13. การรับค่าที่ส่งมาด้วยฟอร์มการรับค่าที่ส่งมาด้วยฟอร์ม • วิธี REQUEST ใช้เมื่อต้องการรับข้อมูลที่ส่งมาผ่านฟอร์มโดยไม่ระบุวิธีการส่ง - รับโดยใช้ตัวแปรแบบ Global ชื่อ $_REQUEST รูปแบบ $_REQUEST[“ชื่อของข้อมูลที่ถูกส่งมา”]; ตัวอย่าง $name = $_POST[“txtName”];

14. การตรวจสอบว่ามีการส่งข้อมูลมาหรือไม่การตรวจสอบว่ามีการส่งข้อมูลมาหรือไม่ • ใช้ฟังก์ชัน ISSET เพื่อตรวจสอบ • ตัวอย่าง if(isset($_GET[“btnsave”])) { echo “มีการกดปุ่ม save”; } else { echo “ผิดพลาด”; }