การสร้าง Form ใน HTML เบื้องต้น

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

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

ภาพประจำตัวสมาชิก
samsonnaze3
PHP Hero Member
PHP Hero Member
โพสต์: 190
ลงทะเบียนเมื่อ: 04/03/2012 1:06 am

การสร้าง Form ใน HTML เบื้องต้น

โพสต์ที่ยังไม่ได้อ่าน โดย samsonnaze3 »

ในการสร้าง Form ต่างๆ ในภาษา HTML นั้น สิ่งแรกที่จะต้องมีเลยนั้นคือ Form ครับ ซึ่ง การเปิด tag from มีดังต่อไปนี้ <form></form>

แต่แค่นี้นั้นยังไม่สมบูรณ์ครับ Form ที่สมบูรณ์พอจะใช้งานได้จะต้องประกอบไปด้วย

1.action : คือ การกำหนดว่า เราจะส่งค่าต่างๆที่อยู่ใน Form ไปให้ Page ไหน
2.Method : คือรูปแบบการส่งว่าเราต้องการจะส่งไปแบบไหน มีแบบ GET และ POST
ซึ่ง ถ้าเราส่งไปแบบ GET นั้นจะเวลาเราส่งข้อมูลไปอีก page หนึ่ง ข้อมูลที่เราส่งไป จะไปแสดงใน Address ด้านบนของ Browser ด้วย ซึ่งถ้าคุณใส่ password ไปมันก็จะขึ้นมาเหมือนกัน และก็ไม่สามารถส่งแบบไฟล์ได้ด้วย
แต่ แบบ POST นั้นเวลาเราส่งข้อมูลไปอีก Form หนึ่งข้อมูลเราจะไม่ขึ้นใน Address และสามารถส่งเป็นไฟล์ได้อีกด้วย
3.enctype="multipart/form-data" : เป็นการทำให้ส่งไฟล์ขนาดใหญ่ได้
4.name และ id : เอาไว้อ้างอิงในการใช้งานต่างๆ
รูปภาพ
ภาพประจำตัวสมาชิก
samsonnaze3
PHP Hero Member
PHP Hero Member
โพสต์: 190
ลงทะเบียนเมื่อ: 04/03/2012 1:06 am

Re: การสร้าง From ใน HTML เบื้องต้น

โพสต์ที่ยังไม่ได้อ่าน โดย samsonnaze3 »

ตัวอย่าง การส่งข้อมูลแบบ GET
หน้าแรก

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

<form name="from1" id="from1" enctype="multipart/form-data" method="get" action="page1.php">
  <p>
    <input type="text" id="fristname" name="firstname" />
    <input type="submit" id="submit" name="submit" value="submit"/>
</form>
แนบไฟล์
ตัวอย่างแบบ GET 01.png
ตัวอย่างแบบ GET 01.png (14.72 KiB) Viewed 5461 times
รูปภาพ
ภาพประจำตัวสมาชิก
samsonnaze3
PHP Hero Member
PHP Hero Member
โพสต์: 190
ลงทะเบียนเมื่อ: 04/03/2012 1:06 am

Re: การสร้าง From ใน HTML เบื้องต้น

โพสต์ที่ยังไม่ได้อ่าน โดย samsonnaze3 »

หน้าสอง

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

<?php 
echo $_GET["firstname"];
?>
แนบไฟล์
ตัวอย่างแบบ GET 02.png
ตัวอย่างแบบ GET 02.png (16.57 KiB) Viewed 5461 times
รูปภาพ
ภาพประจำตัวสมาชิก
samsonnaze3
PHP Hero Member
PHP Hero Member
โพสต์: 190
ลงทะเบียนเมื่อ: 04/03/2012 1:06 am

Re: การสร้าง From ใน HTML เบื้องต้น

โพสต์ที่ยังไม่ได้อ่าน โดย samsonnaze3 »

ตัวอย่าง การส่งข้อมูลแบบ POST
หน้าแรก

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

<form name="from1" id="from1" enctype="multipart/form-data" method="post" action="page1.php">
  <p>
    <input type="text" id="fristname" name="firstname" />
    <input type="submit" id="submit" name="submit" value="submit"/>
</form>
แนบไฟล์
ตัวอย่างแบบ POST 01.png
ตัวอย่างแบบ POST 01.png (22.33 KiB) Viewed 5461 times
รูปภาพ
ภาพประจำตัวสมาชิก
samsonnaze3
PHP Hero Member
PHP Hero Member
โพสต์: 190
ลงทะเบียนเมื่อ: 04/03/2012 1:06 am

Re: การสร้าง From ใน HTML เบื้องต้น

โพสต์ที่ยังไม่ได้อ่าน โดย samsonnaze3 »

หน้าสอง

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

<?php 
echo $_POST["firstname"];
?>
แนบไฟล์
ตัวอย่างแบบ POST 02.png
ตัวอย่างแบบ POST 02.png (20.73 KiB) Viewed 5461 times
รูปภาพ
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41131
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: การสร้าง Form ใน HTML เบื้องต้น

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

input object ต่างๆ ที่ใช้ใน form html
https://www.mindphp.com/forums/viewtopic ... 29&t=11770
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
ตอบกลับโพส
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

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

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 51