ป้อนข้อมูล ส่งแบบฟอร์มคุณสมบัติ วิธีการ
ตัวอย่าง
ค้นหาวิธี HTTP ที่ใช้ในการส่งแบบฟอร์มไปยังเซิร์ฟเวอร์:
var x = document.getElementById("mySubmit").formMethod;
ความหมายและการใช้งาน
คุณสมบัติ formMethod ตั้งค่าหรือคืนค่าของแอตทริบิวต์ formmethod ของปุ่มส่ง
แอตทริบิวต์ formmethod กำหนดวิธี HTTP สำหรับการส่งข้อมูลแบบฟอร์มไปยัง URL การดำเนินการ
แอตทริบิวต์ formmethod แทนที่แอตทริบิวต์ method ขององค์ประกอบ <form>
แอตทริบิวต์ formmethod ใช้สำหรับปุ่มที่มี type="submit" เท่านั้น
ข้อมูลแบบฟอร์มสามารถส่งเป็นตัวแปร URL (method="get") หรือเป็นธุรกรรม HTTP post (method="post")
หมายเหตุเกี่ยวกับวิธีการ "รับ":
- มันผนวกข้อมูลรูปแบบไปยัง URL ในชื่อ/คู่ค่า
- มีประโยชน์สำหรับการส่งแบบฟอร์มที่ผู้ใช้ต้องการคั่นหน้าผลลัพธ์
- มีการจำกัดจำนวนข้อมูลที่คุณสามารถวางใน URL (แตกต่างกันไปในแต่ละเบราว์เซอร์) ดังนั้นคุณจึงไม่สามารถแน่ใจได้ว่าข้อมูลแบบฟอร์มทั้งหมดจะได้รับการถ่ายโอนอย่างถูกต้อง
- อย่าใช้วิธี "รับ" เพื่อส่งต่อข้อมูลที่ละเอียดอ่อน! (รหัสผ่านหรือข้อมูลที่ละเอียดอ่อนอื่น ๆ จะปรากฏในแถบที่อยู่ของเบราว์เซอร์)
หมายเหตุเกี่ยวกับวิธีการ "โพสต์":
- มันส่งข้อมูลแบบฟอร์มเป็นธุรกรรมการโพสต์ HTTP
- การส่งแบบฟอร์มด้วยวิธี "โพสต์" ไม่สามารถบุ๊คมาร์คได้
- มันแข็งแกร่งและปลอดภัยกว่า "รับ"
- ไม่จำกัดขนาด
หมายเหตุ:แอตทริบิวต์ formmethod ใหม่สำหรับองค์ประกอบ <input> ที่มี type="submit" ใน HTML5
รองรับเบราว์เซอร์
Property | |||||
---|---|---|---|---|---|
formMethod | Yes | 10.0 | Yes | Yes | Yes |
ไวยากรณ์
ส่งกลับคุณสมบัติ formMethod:
submitObject.formMethod
ตั้งค่าคุณสมบัติ formMethod:
submitObject.formMethod = 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 |
รายละเอียดทางเทคนิค
คืนมูลค่า: | สตริง แทนเมธอด HTTP ที่ใช้ในการส่งแบบฟอร์มไปยังเซิร์ฟเวอร์ |
---|
ตัวอย่างเพิ่มเติม
ตัวอย่าง
เปลี่ยนวิธีการส่งแบบฟอร์มข้อมูล:
document.getElementById("mySubmit").formMethod = "post";
หน้าที่เกี่ยวข้อง
การอ้างอิง HTML: HTML <input> รูปแบบแอตทริบิวต์ของรูปแบบ
❮ ป้อนข้อมูลส่งวัตถุ