การสร้าง Form ใน HTML เบื้องต้น
Moderators: mindphp, ผู้ดูแลกระดาน
- samsonnaze3
- PHP Hero Member
- Posts: 190
- Joined: 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
- Posts: 190
- Joined: 04/03/2012 1:06 am
Re: การสร้าง From ใน HTML เบื้องต้น
ตัวอย่าง การส่งข้อมูลแบบ GET
หน้าแรก
หน้าแรก
Code: Select all
<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>
- Attachments
-
- ตัวอย่างแบบ GET 01.png (14.72 KiB) Viewed 4664 times

- samsonnaze3
- PHP Hero Member
- Posts: 190
- Joined: 04/03/2012 1:06 am
Re: การสร้าง From ใน HTML เบื้องต้น
หน้าสอง
Code: Select all
<?php
echo $_GET["firstname"];
?>
- Attachments
-
- ตัวอย่างแบบ GET 02.png (16.57 KiB) Viewed 4664 times

- samsonnaze3
- PHP Hero Member
- Posts: 190
- Joined: 04/03/2012 1:06 am
Re: การสร้าง From ใน HTML เบื้องต้น
ตัวอย่าง การส่งข้อมูลแบบ POST
หน้าแรก
หน้าแรก
Code: Select all
<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>
- Attachments
-
- ตัวอย่างแบบ POST 01.png (22.33 KiB) Viewed 4664 times

- samsonnaze3
- PHP Hero Member
- Posts: 190
- Joined: 04/03/2012 1:06 am
Re: การสร้าง From ใน HTML เบื้องต้น
หน้าสอง
Code: Select all
<?php
echo $_POST["firstname"];
?>
- Attachments
-
- ตัวอย่างแบบ POST 02.png (20.73 KiB) Viewed 4664 times

- mindphp
- ผู้ดูแลระบบ MindPHP
- Posts: 27203
- Joined: 22/09/2008 6:18 pm
- Contact:
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
- Replies
- Views
- Last post
-
-
Upload Form ทำฟอร์มอัพโหลด HTML PHP เบื้องต้น
by จันนุสรณ์ ดีแก่ » 23/11/2018 2:52 pm » in PHP Knowledge - 1 Replies
- 1509 Views
-
Last post by mindphp
27/12/2019 7:54 pm
-
-
-
การสร้าง Search Form และ Inline Form ด้วย Twitter Bootstrap
by M008 » 22/05/2013 2:53 pm » in Booststap Knowledge - 1 Replies
- 7077 Views
-
Last post by boo_kyoshii
21/08/2013 10:55 am
-
-
- 0 Replies
- 791 Views
-
Last post by abdkode
09/01/2019 6:57 pm
-
-
Code HTML เบื้องต้น เพื่อนำไปเขียนใน Article ของ Joomla
by Patipat » 12/06/2019 7:25 pm » in Joomla Developing Knowledge - 0 Replies
- 308 Views
-
Last post by Patipat
12/06/2019 7:25 pm
-
-
-
การสร้าง CRUD - เพิ่ม ลบ แก้ไข แสดงผล ในภาษา PHP เบื้องต้น part1
by abdkode » 08/01/2019 3:08 pm » in PHP Knowledge - 0 Replies
- 1848 Views
-
Last post by abdkode
08/01/2019 3:08 pm
-
-
- 0 Replies
- 628 Views
-
Last post by jay_limm
09/03/2015 12:48 pm
-
- 0 Replies
- 1097 Views
-
Last post by Parichat
01/05/2018 4:05 pm
Who is online
Users browsing this forum: No registered users and 6 guests