คุณสมบัติ formMethod ของปุ่ม
คำอธิบายและวิธีใช้
formMethod ตั้งค่าหรือกลับค่าของปุ่ม คุณสมบัติ formmethod ค่า
คุณสมบัติ formmethod กำหนดวิธี HTTP ที่ใช้ส่งข้อมูลฟอร์ม。คุณสมบัตินี้จะทับคุณสมบัติ method ของฟอร์ม
คุณสมบัติ formmethod ใช้เฉพาะปุ่มที่มี type="submit".
ข้อมูลฟอร์มสามารถส่งได้ทั้งด้วยตัวแปร URL (ใช้ method="get") หรือด้วย HTTP post (ใช้ method="post")
ข้อความเตือนเกี่ยวกับวิธี "get":
- มันจะแอนนิษฐานข้อมูลฟอร์มในรูปแบบ name/value และแอนนิษฐานไปที่ URL
- นี่มีประโยชน์มากสำหรับฟอร์มที่ผู้ใช้ต้องการที่จะทำการบันทึกที่มาลิงก์ของผลลัพธ์
- ปริมาณข้อมูลที่สามารถใส่ใน URL มีจำกัด（แตกต่างกันตามเว็บเบราว์เซอร์），ดังนั้นคุณไม่สามารถทราบได้ว่าข้อมูลฟอร์มทั้งหมดจะถูกส่งได้ถูกต้อง
- ไม่ควรใช้วิธี "get" ในการส่งข้อมูลที่ละเอียดอ่อน！（รหัสผ่านหรือข้อมูลที่ละเอียดอ่อนอื่นจะแสดงในแถวที่อยู่ของเว็บเบราว์เซอร์）
ข้อความเตือนเกี่ยวกับวิธี "post":
- มันส่งข้อมูลฟอร์มในรูปแบบ HTTP post การกระทำ
- ฟอร์มที่ส่งข้อมูลด้วยวิธี "post" ไม่สามารถเพิ่มที่มาลิงก์ได้
- แข็งแรงและปลอดภัยกว่า "get"
- ไม่มีขอบเขตขนาด
หมายเหตุ:คุณสมบัติ formmethod เป็นคุณสมบัติใหม่ของ HTML5 ในองค์ประกอบ <button>.
ตัวอย่าง
ตัวอย่าง 1
กลับค่าวิธี HTTP ที่ใช้ส่งข้อมูลฟอร์ม:
var x = document.getElementById("myBtn").formMethod;
ตัวอย่าง 2
เปลี่ยนวิธีส่งข้อมูลฟอร์ม:
document.getElementById("myBtn").formMethod = "post";
ตัวอย่าง 3
ตัวอย่างของการกลับค่า formMethod อีกตัวอย่างหนึ่ง:
var x = document.getElementById("myBtn").formMethod;
ภาษาบทบัญญัติ
กลับค่า formMethod:
buttonObject.formMethod
ตั้งค่าค่าแปร formMethod:
buttonObject.formMethod = get|post
ค่ารายละเอียด
| ค่า | รายละเอียด |
|---|---|
| get | แบบภาพของ URL: URL?name=value&name=value |
| post | ส่งข้อมูลฟอร์มในรูปแบบ HTTP post โดยส่งข้อมูลฟอร์ม |
รายละเอียดเทคนิค
| ค่าที่กลับมา: | ค่าของศัพท์ แสดงว่ามีการส่งมอบข้อมูลฟอร์มในวิธี HTTP |
|---|
การสนับสนุนเบราเซอร์
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| การสนับสนุน | 10.0 | การสนับสนุน | การสนับสนุน | การสนับสนุน |
หน้าที่เกี่ยวข้อง
คู่มือ HTML:HTML <button> คุณสมบัติ formmethod
