ออบเจ็กต์ HTML DOM Input Submit เกี่ยวข้องกับองค์ประกอบ <input> ที่มี type “submit” เราสามารถสร้างและเข้าถึงองค์ประกอบ input ที่มี type submit โดยใช้เมธอด createElement() และ getElementById() ตามลำดับ
คุณสมบัติ
คุณสมบัติต่อไปนี้สำหรับออบเจ็กต์ Input submit:
| คุณสมบัติ | คำอธิบาย |
|---|---|
| autofocus | ตั้งค่าหรือส่งคืนว่าปุ่ม submit ควรได้รับโฟกัสอัตโนมัติเมื่อโหลดหน้าหรือไม่ |
| defaultValue | ตั้งค่าหรือส่งคืนค่าเริ่มต้นของปุ่ม submit |
| disabled | ตั้งค่าหรือส่งคืนว่าปุ่ม submit ถูกปิดใช้งานหรือไม่ |
| form | ส่งคืนการอ้างอิงของฟอร์มที่มีปุ่ม submit |
| formAction | ตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ formaction ของปุ่ม submit |
| formEnctype | ตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ formenctype ของปุ่ม submit |
| formMethod | ตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ formmethod ของปุ่ม submit |
| formNoValidate | ตั้งค่าหรือส่งคืนว่าข้อมูลฟอร์มควรตรวจสอบหรือไม่เมื่อส่ง |
| formTarget | ตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ formtarget ของปุ่ม submit |
| name | ตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ name ของปุ่ม submit |
| type | ส่งคืนประเภทขององค์ประกอบฟอร์มสำหรับปุ่ม submit |
| value | ตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ value ของปุ่ม submit |
ไวยากรณ์
ไวยากรณ์สำหรับการสร้างออบเจ็กต์ input submit:
var P = document.createElement("INPUT"); P.setAttribute("type", "submit");
ตัวอย่าง
มาดูตัวอย่างสำหรับคุณสมบัติของออบเจ็กต์ Input submit:
<!DOCTYPE html> <html> <head> <script> function rangeCreate() { var S = document.createElement("INPUT"); S.setAttribute("type", "submit"); document.body.appendChild(S); } </script> </head> <body> <h1>Input submit object</h1> <p>สร้างปุ่ม submit โดยคลิกปุ่มด้านล่าง</p> <button onclick="rangeCreate()">CREATE</button> <br><br> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้:
เมื่อคลิกปุ่ม CREATE:
