HTML <button> คุณสมบัติ formmethod

แท็ก HTML <button>

การระบุและการใช้งาน

formmethod คุณสมบัตินี้กำหนดวิธี HTTP ที่ใช้ส่งข้อมูลฟอร์ม คุณสมบัตินี้จะทำให้คุณสมบัติ method ของฟอร์มเป็นที่สำคัญ

formmethod คุณสมบัตินี้ใช้เพื่อ type="submit" ของปุ่ม

ข้อมูลฟอร์มสามารถส่งทาง URL แบบตัวเลข/ตัวอักษร (ใช้ method="get") หรือส่งทาง HTTP post (ใช้ method="post")

คำเตือนเกี่ยวกับวิธี "get":

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

คำเตือนเกี่ยวกับวิธี "post":

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

ตัวอย่าง

ฟอร์มที่มีปุ่มส่งข้อมูลสองปุ่ม ปุ่มส่งข้อมูลแรกใช้ method="get" ส่งข้อมูลฟอร์ม ปุ่มส่งข้อมูลที่สองใช้ method="post" ส่งข้อมูลฟอร์ม：

<form action="/action_page.php" method="get">
  <label for="fname">ชื่อ：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">ชื่อสกุล：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">ส่ง</button>
  <button type="submit" formmethod="post">ใช้ POST ส่ง</button>
</form>

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

ภาษาเกี่ยวกับ

<button type="submit" formmethod="get|post">

ค่าของอัตรานิยม

ค่า การอธิบาย
get แบบซี้มข้อมูลฟอร์มไปที่ URL：URL?name=value&name=value。
post ส่งข้อมูลฟอร์มในการทำสิ่งที่เหมือน HTTP post

การสนับสนุนโดยบราวเซอร์

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
9.0 10.0 4.0 5.1 15.0

หมายเหตุ：formmethod เครื่องมือนี้เป็นเครื่องมือใหม่ใน HTML 5

แท็ก HTML <button>