การรับค่าตัวเลขจากฟอร์ม (Form) ให้แสดงสูตรคูณ โดยผลลัพธ์แสดงสลับสีแต่ละบรรทัด

PHP Knowledge เป็น บอร์ดรวามความรู้ php เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderator: mindphp, ผู้ดูแลกระดาน

ภาพประจำตัวสมาชิก
pprn
PHP Super Member
PHP Super Member
โพสต์: 303
ลงทะเบียนเมื่อ: 02/07/2018 10:45 am

การรับค่าตัวเลขจากฟอร์ม (Form) ให้แสดงสูตรคูณ โดยผลลัพธ์แสดงสลับสีแต่ละบรรทัด

โพสต์โดย pprn » 09/07/2018 9:52 am

    ในที่นี้จะยกตัวอย่างการส่งข้อมูลจากจากฟอร์ม (form) แบบ POST นั้น จะส่งข้อมูลไม่แสดงข้อมูลที่ส่งไปให้เห็นผ่าน URL เหมาะสำหรับการส่งข้อมูลแบบยาวๆ
เพราะไม่มีข้อจำกัดของเรื่องขนาดของข้อมูลที่ส่ง และต้องการความผลอดภัย

    โดยเราจะให้หน้า Index.html เป็นหน้าฟอร์ม Form รับค่าข้อมูลตัวเลขแบบ POST และให้หน้า multi.php เป็นหน้าคำนวณและแสดงตัวเลขที่รับเข้ามา


รูปแบบโค้ด หน้า Index.html

    หน้า Form Index.html รับค่าตัวเลขแบบ POST

    โค้ด: เลือกทั้งหมด

    [list]<!DOCTYPE html>
    <html>
    <body>
    <form action = "multi.php" method = "post">
    Please input number : <input type = "text" name="num">
    <input type = "submit" value = "Click me">
    </form>
    </body>
    </html>[/list]


รูปแบบโค้ด หน้า multi.php

    หน้า multi.php เป็นหน้าแสดงผลลัพธ์ตัวเลขที่ได้รับจากหน้า Index.php มาทำตามเงื่อนไขที่ตั้งไว้

    โค้ด: เลือกทั้งหมด

    [list]<?php
    for ($x = 1; $x <= 12; $x++) {
       $mulitiple = $_POST["num"]*$x;
       if ($x%2){
          echo "<p style='color:hotpink;'>$_POST[num] x $x = $mulitiple</p>";
       }
       else{      
          echo "<p style='color:green;'>$_POST[num] x $x = $mulitiple</p>";
       }
       
    }
    ?>[/list]

    อธิบายโค้ด
      - $x = $_POST["element_name"]; ให้ตัวแปร x มีค่าเท่ากับ ค่าที่รับเข้ามาจาก method post
      - $x = 1 คือ ตัวแปรสมมติขึ้นมาเพื่อใช้ในการเขาเงื่อนไขวนลูป for
      - for ($x = 1; $x <= 12; $x++) วิ่ง for loop ตัวแปร x ตั้งแต่ 1 เพิ่มขึ้นเรื่อยๆ จนถึง 12
      - $mulitiple คือ ตัวแปรที่สมมติขึ้นมาเพื่อให้แสดงผลลัพธ์ค่าหลังเครื่องหมายเท่ากับ
      - $_POST["num"]*$x; คือ ตัวแปรที่รับเข้ามาจาก method post มาคูณกับตัวแปร x
      - $x%2 คือ ตัวเลขที่หาร 2 แล้วเหลือเศษให้ทำตามเงือนไขใน if
      - p style='color:hotpink; คือ สีข้อความสีชมพู
      - p style='color:green;' คือ สีข้อความเป็นสีเขียว

ผลลัพธ์

    หน้า Form Index.html รับค่าตัวเลขแบบ GET

      Index.JPG
      หน้าฟอร์ม
      Index.JPG (11.8 KiB) เปิดดู 79 ครั้ง

    หน้า multi.php

      multi.JPG
      ภาพแสดงผลสูตรคูณที่รับเข้ามาจากหน้าฟอร์ม
      multi.JPG (18.24 KiB) เปิดดู 79 ครั้ง


----------------------------------------------------------------------------------------------------------------------------------------------------------------
_____________________________________________________________________________________________
บทความนี้เเป็นบทความที่จัดทำขึ้นเพื่อเนะนำเครื่องมือช่วยสำหรับนักพัฒนา PHP ซึ่งเป็นความรู้พื้นฐานในการพัฒนา PHP OOP ต่อไป เเละขอเเนะนำความรู้ที่เกี่ยวข้องกับโดยสามารถศึกษาได้จากบทเรียน PHP ได้ที่นี่ เพื่อเพิ่มความเข้าใจในการใช้งานเครื่องมือต่างๆ ค่ะ
_____________________________________________________________________________________________

----------------------------------------------------------------------------------------------------------------------------------------------------------------

ย้อนกลับไปยัง

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: 5 และ บุคคลทั่วไป 0 ท่าน