ออบเจ็กต์ส่ง HTML DOM Input เชื่อมโยงกับองค์ประกอบ ที่มีประเภท "submit" เราสามารถสร้างและเข้าถึงองค์ประกอบอินพุตที่มีประเภทส่งโดยใช้เมธอด createElement() และเมธอด getElementById() ตามลำดับ
คุณสมบัติ
ต่อไปนี้เป็นคุณสมบัติของวัตถุส่งอินพุต -
| คุณสมบัติ | คำอธิบาย |
|---|---|
| ออโต้โฟกัส | การตั้งค่าหรือย้อนกลับว่าปุ่มส่งควรได้รับการโฟกัสโดยอัตโนมัติเมื่อโหลดหน้าเว็บหรือไม่ |
| ค่าเริ่มต้น | การตั้งค่าหรือส่งคืนค่าเริ่มต้นของปุ่มส่ง |
| ปิดการใช้งาน | การตั้งค่าหรือย้อนกลับหากปุ่มส่งถูกปิดใช้งานหรือไม่ |
| แบบฟอร์ม | การส่งคืนการอ้างอิงของแบบฟอร์มที่มีปุ่มส่ง |
| formAction | การตั้งค่าให้คืนค่าแอตทริบิวต์ formaction ของปุ่มส่ง |
| formEnctype | การตั้งค่าหรือคืนค่าแอตทริบิวต์ formnctype ของปุ่มส่ง |
| formMethod | การตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ formmethod ของปุ่มส่ง |
| formNoValidate | การตั้งค่าหรือส่งคืนข้อมูลว่าควรตรวจสอบความถูกต้องของข้อมูลในแบบฟอร์มหรือไม่ |
| formTarget | การตั้งค่าหรือคืนค่าแอตทริบิวต์ formtarget ของปุ่มส่ง |
| ชื่อ | การตั้งค่าหรือคืนค่าแอตทริบิวต์ชื่อของปุ่มส่ง |
| พิมพ์ | การคืนค่าประเภทองค์ประกอบของแบบฟอร์มสำหรับปุ่มส่ง |
| ค่า | การตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ของปุ่มส่ง |
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การสร้างวัตถุส่งอินพุต -
var P = document.createElement("INPUT");
P.setAttribute("type", "submit"); ตัวอย่าง
ให้เราดูตัวอย่างคุณสมบัติ Input send object -
<!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>Create an input submit button by clicking the below button</p>
<button onclick="rangeCreate()">CREATE</button>
<br><br>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่มสร้าง -
