การสร้าง Form ใน HTML เบื้องต้น
Moderator: mindphp, ผู้ดูแลกระดาน
- samsonnaze3
- PHP Hero Member
- โพสต์: 190
- ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
การสร้าง Form ใน HTML เบื้องต้น
ในการสร้าง 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 : เอาไว้อ้างอิงในการใช้งานต่างๆ
แต่แค่นี้นั้นยังไม่สมบูรณ์ครับ 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
- โพสต์: 190
- ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
Re: การสร้าง From ใน HTML เบื้องต้น
ตัวอย่าง การส่งข้อมูลแบบ 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 (14.72 KiB) Viewed 5461 times
- samsonnaze3
- PHP Hero Member
- โพสต์: 190
- ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
Re: การสร้าง From ใน HTML เบื้องต้น
หน้าสอง
โค้ด: เลือกทั้งหมด
<?php
echo $_GET["firstname"];
?>
- แนบไฟล์
-
- ตัวอย่างแบบ GET 02.png (16.57 KiB) Viewed 5461 times
- samsonnaze3
- PHP Hero Member
- โพสต์: 190
- ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
Re: การสร้าง From ใน HTML เบื้องต้น
ตัวอย่าง การส่งข้อมูลแบบ 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 (22.33 KiB) Viewed 5461 times
- samsonnaze3
- PHP Hero Member
- โพสต์: 190
- ลงทะเบียนเมื่อ: 04/03/2012 1:06 am
Re: การสร้าง From ใน HTML เบื้องต้น
หน้าสอง
โค้ด: เลือกทั้งหมด
<?php
echo $_POST["firstname"];
?>
- แนบไฟล์
-
- ตัวอย่างแบบ POST 02.png (20.73 KiB) Viewed 5461 times
- mindphp
- ผู้ดูแลระบบ MindPHP
- โพสต์: 41131
- ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
- ติดต่อ:
Re: การสร้าง Form ใน HTML เบื้องต้น
input object ต่างๆ ที่ใช้ใน form html
https://www.mindphp.com/forums/viewtopic ... 29&t=11770
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
ติดตาม 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
- ตอบกลับ
- แสดง
- โพสต์ล่าสุด
-
-
โพสต์ใหม่ Upload Form ทำฟอร์มอัพโหลด HTML PHP เบื้องต้น
โดย จันนุสรณ์ ดีแก่ » 23/11/2018 2:52 pm » ใน PHP Knowledge - 1 ตอบกลับ
- 2417 แสดง
-
โพสต์ล่าสุด โดย mindphp
27/12/2019 7:54 pm
-
-
-
โพสต์ใหม่ จากบทเรียน วิธีการรับค่าจาก form html ด้วย FastAPI
โดย fonfonn » 27/07/2022 4:43 pm » ใน Python Knowledge - 0 ตอบกลับ
- 459 แสดง
-
โพสต์ล่าสุด โดย fonfonn
27/07/2022 4:43 pm
-
ผู้ใช้งานขณะนี้
สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 51