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

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


คุณสมบัติแบบฟอร์มส่งอินพุต HTML DOM ใช้สำหรับส่งคืนการอ้างอิงแบบฟอร์มที่มีปุ่มส่งที่กำหนด หากปุ่มส่งอยู่นอกแบบฟอร์ม ปุ่มจะส่งกลับค่า NULL คุณสมบัตินี้เป็นแบบอ่านอย่างเดียว

ไวยากรณ์

ต่อไปนี้เป็นไวยากรณ์สำหรับคุณสมบัติการส่งแบบฟอร์มการป้อนข้อมูล -

submitObject.form

ตัวอย่าง

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

<!DOCTYPE html>
<html>
<body>
<h1>Input submit form Property</h1>
<form action="Sample_page.php" id="FORM_1" 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">
</form>
<p>Get the form id by clicking on the below button</p>
<button type="button" onclick="formId()">GET FORM</button>
<p id="Sample"></p>
<script>
   function formId() {
      var P=document.getElementById("SUBMIT1").form.id;
      document.getElementById("Sample").innerHTML = "The id of the form containing the submit
      button is: "+P ;
   }
</script>
</body>
</html>

ผลลัพธ์

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

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

เมื่อคลิกรับแบบฟอร์ม -

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