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


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

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

Post Reply
User avatar
samsonnaze3
PHP Hero Member
PHP Hero Member
Posts: 190
Joined: 04/03/2012 1:06 am

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

Post by samsonnaze3 » 21/03/2012 6:23 pm

ในการสร้าง 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 : เอาไว้อ้างอิงในการใช้งานต่างๆ
Image

User avatar
samsonnaze3
PHP Hero Member
PHP Hero Member
Posts: 190
Joined: 04/03/2012 1:06 am

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

Post by samsonnaze3 » 21/03/2012 6:24 pm

ตัวอย่าง การส่งข้อมูลแบบ 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
การสร้าง Form ใน HTML เบื้องต้น ตัวอย่างแบบ GET 01.png
ตัวอย่างแบบ GET 01.png (14.72 KiB) Viewed 4308 times
Image

User avatar
samsonnaze3
PHP Hero Member
PHP Hero Member
Posts: 190
Joined: 04/03/2012 1:06 am

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

Post by samsonnaze3 » 21/03/2012 6:24 pm

หน้าสอง

Code: Select all

<?php 
echo $_GET["firstname"];
?>
Attachments
การสร้าง Form ใน HTML เบื้องต้น ตัวอย่างแบบ GET 02.png
ตัวอย่างแบบ GET 02.png (16.57 KiB) Viewed 4308 times
Image

User avatar
samsonnaze3
PHP Hero Member
PHP Hero Member
Posts: 190
Joined: 04/03/2012 1:06 am

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

Post by samsonnaze3 » 21/03/2012 6:25 pm

ตัวอย่าง การส่งข้อมูลแบบ 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
การสร้าง Form ใน HTML เบื้องต้น ตัวอย่างแบบ POST 01.png
ตัวอย่างแบบ POST 01.png (22.33 KiB) Viewed 4308 times
Image

User avatar
samsonnaze3
PHP Hero Member
PHP Hero Member
Posts: 190
Joined: 04/03/2012 1:06 am

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

Post by samsonnaze3 » 21/03/2012 6:26 pm

หน้าสอง

Code: Select all

<?php 
echo $_POST["firstname"];
?>
Attachments
การสร้าง Form ใน HTML เบื้องต้น ตัวอย่างแบบ POST 02.png
ตัวอย่างแบบ POST 02.png (20.73 KiB) Viewed 4308 times
Image

User avatar
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
Posts: 22635
Joined: 22/09/2008 6:18 pm
Contact:

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

Post by mindphp » 21/03/2012 6:54 pm

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

Post Reply

Return to “PHP Knowledge”

Users browsing this forum: No registered users and 5 guests