HTML <form> วิธีการแอตทริบิวต์
ตัวอย่าง
ส่งแบบฟอร์มโดยใช้วิธี "get":
<form
action="/action_page.php"
method="get">
<label for="fname">First name:</label>
<input type="text" id="fname"
name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input
type="submit" value="Submit">
</form>
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
แอตทริบิวต์method
ระบุวิธีการส่งข้อมูลแบบฟอร์ม (ข้อมูลแบบฟอร์มจะถูกส่งไปยังหน้าที่ระบุใน
action
แอตทริบิวต์)
ข้อมูลแบบฟอร์มสามารถส่งเป็นตัวแปร URL (ด้วย
method="get"
) หรือเป็นธุรกรรม HTTP โพสต์ (ด้วยmethod="post"
)
หมายเหตุเกี่ยวกับ GET:
- ผนวกข้อมูลแบบฟอร์มลงใน URL ในคู่ชื่อ/ค่า
- ความยาวของ URL ถูกจำกัด (ประมาณ 3000 อักขระ)
- อย่าใช้ GET เพื่อส่งข้อมูลที่สำคัญ! (จะมองเห็นได้ใน URL)
- มีประโยชน์สำหรับการส่งแบบฟอร์มที่ผู้ใช้ต้องการคั่นหน้าผลลัพธ์
- GET ดีกว่าสำหรับข้อมูลที่ไม่ปลอดภัย เช่น สตริงการสืบค้นใน Google
หมายเหตุเกี่ยวกับ POST:
- ผนวกข้อมูลแบบฟอร์มภายในเนื้อหาของคำขอ HTTP (ข้อมูลไม่แสดงใน URL)
- ไม่จำกัดขนาด
- การส่งแบบฟอร์มด้วย POST ไม่สามารถบุ๊คมาร์คได้
รองรับเบราว์เซอร์
Attribute | |||||
---|---|---|---|---|---|
method | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
<form method="get|post">
ค่าแอตทริบิวต์
Value | Description |
---|---|
get | Default. Appends the form-data to the URL in name/value pairs: URL?name=value&name=value |
post | Sends the form-data as an HTTP post transaction |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ส่งแบบฟอร์มโดยใช้วิธี "โพสต์":
<form
action="/action_page.php"
method="post">
<label for="fname">First name:</label>
<input type="text" id="fname"
name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input
type="submit" value="Submit">
</form>
❮ แท็ก HTML <form>