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

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: การสร้าง Form ใน HTML เบื้องต้น

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

โดย mindphp » 21/03/2012 6:54 pm

input object ต่างๆ ที่ใช้ใน form html
https://www.mindphp.com/forums/viewtopic ... 29&t=11770

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

โดย samsonnaze3 » 21/03/2012 6:26 pm

หน้าสอง

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

<?php 
echo $_POST["firstname"];
?>
แนบไฟล์
ตัวอย่างแบบ POST 02.png
ตัวอย่างแบบ POST 02.png (20.73 KiB) Viewed 5466 times

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

โดย samsonnaze3 » 21/03/2012 6:25 pm

ตัวอย่าง การส่งข้อมูลแบบ 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 5466 times

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

โดย samsonnaze3 » 21/03/2012 6:24 pm

หน้าสอง

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

<?php 
echo $_GET["firstname"];
?>
แนบไฟล์
ตัวอย่างแบบ GET 02.png
ตัวอย่างแบบ GET 02.png (16.57 KiB) Viewed 5466 times

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

โดย samsonnaze3 » 21/03/2012 6:24 pm

ตัวอย่าง การส่งข้อมูลแบบ 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 5466 times

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

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

ข้างบน