คุณสมบัติ formMethod ของ HTML DOM Input Submit ใช้สำหรับตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ formMethod ของปุ่ม submit นี่ระบุว่าจะใช้ HTTP method ใดเมื่อส่งข้อมูลฟอร์มไปยังเซิร์ฟเวอร์ แอตทริบิวต์ formMethod จะลบล้างค่าแอตทริบิวต์ method ที่เกี่ยวข้องกับองค์ประกอบ <form> ถูกนำมาใช้ใน HTML5 สำหรับองค์ประกอบ input ที่มี type submit
ไวยากรณ์
ไวยากรณ์สำหรับการตั้งค่าคุณสมบัติ formMethod:
submitObject.formMethod = get|post
ที่นี่ get เป็นเมธอดเริ่มต้นและนำข้อมูลฟอร์มต่อท้าย URL เช่น URL?name=value & name=value มักไม่ปลอดภัยและใช้สำหรับข้อมูลที่ไม่ส่วนตัว
ผู้ใช้เห็นข้อมูลที่ส่งได้จากการดูสตริง URL เมธอดที่สอง post ส่งข้อมูลเป็นธุรกรรม HTTP post และมักปลอดภัย เนื่องจาก никтоไม่สามารถดูขณะส่งข้อมูลไปยังเซิร์ฟเวอร์ เมธอด post ไม่มีข้อจำกัดขนาดเหมือนเมธอด get
ตัวอย่าง
มาดูตัวอย่างสำหรับคุณสมบัติ formMethod ของ Submit:
<!DOCTYPE html> <html> <body> <h1>Submit formMethod property</h1> <form id="FORM_1" action="/Sample.php" style="border:solid 2px green;padding:2px"> UserName: <input type="text" id="USR"> <br> Location: <input type="text" id=“Loc”><br><br> <input type="submit" id="SUBMIT1" formmethod="post"> </form> <p>ตั้งค่า formMethod ของปุ่ม submit ในฟอร์มด้านบนเป็น get โดยคลิกปุ่มด้านล่าง</p> <button onclick="changeMethod()">CHANGE</button> <p id="Sample"></p> <script> function changeMethod() { document.getElementById("SUBMIT1").formMethod = "get"; document.getElementById("Sample").innerHTML = "The formaction attribute value has been changed from post to get"; } </script> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้:
เมื่อคลิกปุ่ม CHANGE:
