Devdit
 

คำสั่ง action และ method ตรงแท็ก form HTML ทำหน้าที่อะไร

4.4K

ในส่วนของแท็ก form จะมี 2 คำสั่งที่เกี่ยวข้องกับการทำงาน ทำให้ form สามารถส่งข้อมูลไปหาไฟล์ที่ต้องการได้ ซึ่งก็คือคำสั่ง action และ method โดยมีรายละเอียดดังนี้

 

action คือ ชื่อไฟล์ที่เมื่อมีการกดปุ่ม submit แล้วโปรแกรมจะวิ่งเข้าไปทำงานในไฟล์ดังกล่าว

method คือ การระบุรูปแบบการสื่อสารข้อมูล มี 2 ประเภทหลัก คือ POST และ GET

 

POST เหมาะกับการส่งข้อมูลผ่าน form, ข้อมูลที่ต้องการความปลอดภัย, ข้อมูลรูปภาพ และข้อมูลขนาดใหญ่

GET เหมาะกับการส่งข้อมูลไม่เยอะ ไม่เน้นความปลอดภัย เพราะการส่งแบบ GET ข้อมูลจะเป็นส่วนหนึ่งของ URL ของเว็บไซต์เรียกว่า Query string

ตัวอย่าง การสร้าง form

<form action="index.php" method="POST">
    ชื่อ <input type="text" name="name" autocomplete="off">
    <br/>
    นามสกุล <input type="text" name="surname" autocomplete="off">
    <input type="submit" value="ok">
</form>
เขียน 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ