ตัวแปร formMethod ขององค์ประกอบ Input Submit

เอ็มเอลแอลดอม อินพุท สัมภาษณ์ อ็อบเจ็กต์

คำอธิบายและวิธีใช้

formMethod ตั้งค่าหรือกลับค่าของอาตริบุตร formmethod ของปุ่มส่งฟอร์ม

ตัวแปร HTML formmethod กำหนดวิธี HTTP ที่จะส่งข้อมูลฟอร์มไปยัง URL ที่ปฏิบัติการ

ตัวแปร formmethod นั้นทำให้ตัวแปร <form> ขึ้นด้านนอก ตัวแปร method.

ตัวแปร formmethod ใช้เฉพาะองค์ประกอบ <button> ที่ type="submit"

ข้อมูลฟอร์มสามารถส่งได้ทั้งด้วยตัวแปร URL (method="get") หรือด้วยการส่ง HTTP post โดยตรง (method="post")

ความระวังเกี่ยวกับวิธี "get":

  • มันจะเพิ่มข้อมูลฟอร์มในรูปแบบ name/value ต่อ URL
  • นี่มีประโยชน์มากสำหรับการส่งฟอร์มที่ผู้ใช้ต้องการที่จะทำการทำที่มานี้ของผลลัพธ์
  • จำนวนข้อมูลที่สามารถใส่ใน URL ของคุณเป็นจำกัด (ต่างกันตามเว็บเบราว์เซอร์), ดังนั้นคุณไม่สามารถทราบแน่นอนว่าข้อมูลฟอร์มทั้งหมดจะถูกส่งไปที่ถูกต้อง
  • อย่าใช้วิธี "get" ในการส่งข้อมูลที่เป็นความลับ! (รหัสผ่านหรือข้อมูลที่เป็นความลับจะแสดงในแถวที่อยู่ของเว็บเบราว์เซอร์)

ความระวังเกี่ยวกับวิธี "post":

  • มันส่งข้อมูลฟอร์มในรูปแบบ HTTP post โดยตรง
  • ฟอร์มที่ส่งด้วยวิธี "post" ไม่สามารถเพิ่มที่มานี้ได้
  • มันมีความแข็งแกร่งและปลอดภัยมากกว่า "get"
  • มันไม่มีจำกัดขนาด

หมายเหตุ:ตัวแปร formmethod คืออาตริบุตรใหม่ของ HTML5 สำหรับองค์ประกอบ <input> ที่ type="submit"。

ดูเพิ่มเติมที่:

คู่มือ HTML:นิยาย formmethod ของ HTML <input>

ตัวอย่าง

ตัวอย่าง 1

ตรวจสอบวิธีที่ใช้ส่งฟอร์มไปยังเซิร์ฟเวอร์:

var x = document.getElementById("mySubmit").formMethod;

ทดลองด้วยตัวเอง

ตัวอย่าง 2

เปลี่ยนวิธีที่ส่งข้อมูลฟอร์ม:

document.getElementById("mySubmit").formMethod = "post";

ทดลองด้วยตัวเอง

ภาษาบัญญัติ

กลับค่าอาตริบุตร formMethod:

submitObject.formMethod

ตั้งค่าอาตริบุตร formMethod:

submitObject.formMethod = get|post

ค่าของอาตริบุตร

ค่า คำอธิบาย
get เริ่มต้นโดยมีความหมายว่าเพิ่มข้อมูลฟอร์มในรูปแบบของ name/value ต่อ URL: URL?name=value&name=value。
post ส่งข้อมูลฟอร์มในการโพสต์ HTTP ไปยังเซิร์ฟเวอร์

รายละเอียดเทคนิค

ค่าที่ส่งกลับมา: ค่าสตริงที่แสดงว่า HTTP มอเตอร์ที่ใช้ส่งฟอร์มไปยังเซิร์ฟเวอร์

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางบอกว่าเวอร์ชั่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน 10.0 สนับสนุน สนับสนุน สนับสนุน

เอ็มเอลแอลดอม อินพุท สัมภาษณ์ อ็อบเจ็กต์