วัตถุเดือนที่ป้อน HTML DOM แสดงองค์ประกอบ ที่มีประเภท =เดือน”
ให้เราสร้างออบเจ็กต์เดือนอินพุต -
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์ -
var monthInput = document.createElement(“INPUT”); monthInput.setAttribute(“type”,”month”);
คุณสมบัติ
ต่อไปนี้เป็นคุณสมบัติของวัตถุเดือนที่ป้อน HTML DOM -
| คุณสมบัติ | คำอธิบาย |
|---|---|
| เติมข้อความอัตโนมัติ | ส่งกลับและแก้ไขค่าของแอตทริบิวต์เติมข้อความอัตโนมัติของช่องป้อนข้อมูลเดือน |
| ออโต้โฟกัส | ส่งกลับและแก้ไขว่าฟิลด์เดือนที่ป้อนควรได้รับการเน้นหรือไม่เมื่อโหลดหน้า |
| ปิดการใช้งาน | ส่งกลับและแก้ไขว่าฟิลด์อินพุตเดือนถูกปิดใช้งานหรือไม่ |
| ค่าเริ่มต้น | ส่งกลับและแก้ไขค่าเริ่มต้นของฟิลด์เดือนที่ป้อน |
| แบบฟอร์ม | ส่งกลับการอ้างอิงของแบบฟอร์มที่มีฟิลด์เดือนที่ป้อนในเอกสาร HTML |
| รายการ | ส่งกลับการอ้างอิงของรายการข้อมูลที่มีฟิลด์เดือนที่ป้อน |
| สูงสุด | ส่งกลับและแก้ไขค่าของแอตทริบิวต์สูงสุดของช่องเดือนที่ป้อน |
| นาที | ส่งกลับและแก้ไขค่าของแอตทริบิวต์ขั้นต่ำของฟิลด์เดือนที่ป้อน |
| ชื่อ | ส่งกลับและแก้ไขค่าของชื่อแอตทริบิวต์ของฟิลด์เดือนที่ป้อน |
| อ่านอย่างเดียว | ส่งกลับและแก้ไขว่าฟิลด์เดือนที่ป้อนเป็นแบบอ่านอย่างเดียวหรือไม่ |
| จำเป็น | ส่งกลับและแก้ไขว่าต้องกรอกข้อมูลในช่องเดือนก่อนส่งแบบฟอร์มหรือไม่ |
| ขั้นตอน | ส่งกลับและแก้ไขค่าของแอตทริบิวต์ set ของช่องเดือนที่ป้อน |
| พิมพ์ | ส่งคืนค่าแอตทริบิวต์ type ของช่องป้อนข้อมูลเดือน |
| ค่า | ส่งกลับและแก้ไขเนื้อหาของแอตทริบิวต์ค่าของช่องป้อนข้อมูลเดือน |
วิธีการ
ต่อไปนี้เป็นวิธีการของวัตถุเดือนที่ป้อน HTML DOM
| วิธีการ | คำอธิบาย |
|---|---|
| stepUp() | เพิ่มค่าของช่องเดือนที่ป้อนตามค่าที่ระบุในพารามิเตอร์ |
| ก้าวลง() | ลดค่าของช่องเดือนที่ป้อนตามค่าที่ระบุในพารามิเตอร์ |
ตัวอย่าง
ให้เราดูตัวอย่างของวัตถุเดือนที่ป้อน HTML DOM -
<!DOCTYPE html>
<html>
<head>
<style>
body{
text-align:center;
background-color:#fff;
color:#0197F6;
}
h1{
color:#23CE6B;
}
.btn{
background-color:#fff;
border:1.5px dashed #0197F6;
height:2rem;
border-radius:2px;
width:60%;
margin:2rem auto;
display:block;
color:#0197F6;
outline:none;
cursor:pointer;
}
</style>
</head>
<body>
<h1>DOM Input month Object Example</h1>
<button onclick="createMonthField()" class="btn">Create an input month field</button>
<script>
function createMonthField() {
var monthInput = document.createElement("INPUT");
monthInput.setAttribute("type", "month");
monthInput.setAttribute("value", "2019-07");
document.body.appendChild(monthInput);
}
</script>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
คลิกที่ “สร้างช่องป้อนเดือน ” เพื่อสร้างฟิลด์ป้อนข้อมูลเดือน -
