Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

แบบฟอร์มส่งอินพุต HTML DOM คุณสมบัติวิธีการ


คุณสมบัติ HTML DOM Input Submit formMethod ใช้สำหรับการตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ formMethod ของปุ่มส่ง ระบุวิธี HTTP ที่จะใช้เมื่อส่งข้อมูลแบบฟอร์มไปยังเซิร์ฟเวอร์ ค่าแอตทริบิวต์ formMethod จะแทนที่ค่าแอตทริบิวต์ method ที่เกี่ยวข้องกับองค์ประกอบ

แนะนำใน HTML5 สำหรับองค์ประกอบอินพุตที่มีประเภทส่ง

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับ −

การตั้งค่าคุณสมบัติ formMethod -

submitObject.formMethod = get|post

ที่นี่ get เป็นวิธีการเริ่มต้นและผนวกข้อมูลแบบฟอร์มเข้ากับ url เช่น URL?name=value &name=value. โดยปกติแล้วจะไม่ปลอดภัยและสามารถใช้กับข้อมูลที่ไม่เป็นส่วนตัวได้

ผู้ใช้สามารถดูข้อมูลที่ถูกส่งโดยดูที่สตริง url วิธีที่สอง post ส่งข้อมูลเป็นธุรกรรม HTTP post และมักจะปลอดภัย เนื่องจากไม่มีใครสามารถดูข้อมูลได้ในขณะที่กำลังส่งข้อมูลไปยังเซิร์ฟเวอร์ วิธีการโพสต์จึงไม่มีข้อจำกัดด้านขนาด เช่น วิธีรับ

ตัวอย่าง

ให้เราดูตัวอย่างคุณสมบัติ Submit formMethod -

<!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>Set the formMethod attribute value of the above submit button inside the form to get
by clicking the below button</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>

ผลลัพธ์

สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -

แบบฟอร์มส่งอินพุต HTML DOM คุณสมบัติวิธีการ

เมื่อคลิกปุ่ม CHANGE -

แบบฟอร์มส่งอินพุต HTML DOM คุณสมบัติวิธีการ