ออบเจ็กต์รีเซ็ตอินพุต HTML DOM เชื่อมโยงกับองค์ประกอบ ที่มีประเภท "รีเซ็ต" เราสามารถสร้างและเข้าถึงองค์ประกอบอินพุตที่มีประเภทการรีเซ็ตโดยใช้เมธอด createElement() และ getElementById() ตามลำดับ
คุณสมบัติ
ต่อไปนี้เป็นคุณสมบัติของวัตถุรีเซ็ตอินพุต -
| คุณสมบัติ | คำอธิบาย |
|---|---|
| ออโต้โฟกัส | การตั้งค่าหรือย้อนกลับว่าปุ่มรีเซ็ตควรได้รับการโฟกัสโดยอัตโนมัติเมื่อโหลดหน้าเว็บหรือไม่ |
| ค่าเริ่มต้น | การตั้งค่าหรือคืนค่าเริ่มต้นของปุ่มรีเซ็ต |
| ปิดการใช้งาน | การตั้งค่าหรือย้อนกลับหากปุ่มรีเซ็ตถูกปิดใช้งานหรือไม่ |
| แบบฟอร์ม | การคืนค่าการอ้างอิงของแบบฟอร์มที่มีปุ่มรีเซ็ต |
| ชื่อ | การตั้งค่าหรือคืนค่าแอตทริบิวต์ชื่อของปุ่มรีเซ็ต |
| พิมพ์ | การคืนค่าประเภทองค์ประกอบของแบบฟอร์มสำหรับปุ่มรีเซ็ต |
| ค่า | การตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ของตัวควบคุมตัวเลื่อน |
ตัวอย่าง
ให้เราดูตัวอย่างของวัตถุ Input Reset −
<!DOCTYPE html>
<html>
<head>
<script>
function resetCreate() {
var Res = document.createElement("INPUT");
Res.setAttribute("type", "reset");
document.body.appendChild(Res);
}
</script>
</head>
<body>
<h1>Input Reset object</h1>
<p>Create an input field with type reset by clicking the below button</p>
<button onclick="resetCreate()">CREATE</button>
<br><br>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่มสร้าง -
ในตัวอย่างข้างต้น −
เราได้สร้างปุ่ม CREATE ซึ่งจะรันเมธอด resetCreate() เมื่อผู้ใช้คลิก -
<button onclick="resetCreate()">CREATE</button>
วิธี resetCreate() ใช้เมธอด createElement() ของอ็อบเจ็กต์เอกสารเพื่อสร้างองค์ประกอบ โดยส่ง "INPUT" เป็นพารามิเตอร์ องค์ประกอบอินพุตที่สร้างขึ้นใหม่ถูกกำหนดให้กับตัวแปร Res และใช้เมธอด setAttribute() เราสร้างแอตทริบิวต์ประเภทพร้อมรีเซ็ตค่า
อย่าลืมว่า setAttribute() สร้างแอตทริบิวต์แล้วกำหนดค่าหากไม่มีแอตทริบิวต์ก่อนหน้านี้ สุดท้ายโดยใช้เมธอด appendChild() บนเนื้อหาของเอกสาร เราผนวกองค์ประกอบอินพุตที่มีประเภทรีเซ็ตเป็นลูกของร่างกาย -
function resetCreate() {
var Res = document.createElement("INPUT");
Res.setAttribute("type", "reset");
document.body.appendChild(Res);
} 