Đối tượng tháng đầu vào HTML DOM đại diện cho phần tử với type =”month”.
Hãy để chúng tôi tạo đối tượng tháng đầu vào -
Cú pháp
Sau đây là cú pháp -
var monthInput = document.createElement(“INPUT”); monthInput.setAttribute(“type”,”month”);
Thuộc tính
Sau đây là các thuộc tính của Đối tượng tháng đầu vào HTML DOM -
| Thuộc tính | Giải thích |
|---|---|
| tự động hoàn thành | Nó trả về và thay đổi giá trị của thuộc tính tự động hoàn thành của trường đầu vào tháng. |
| tự động lấy nét | Nó trả về và sửa đổi xem trường tháng đầu vào có được lấy tiêu điểm hay không khi tải trang. |
| bị vô hiệu hóa | Nó trả về và sửa đổi xem trường tháng đầu vào có bị vô hiệu hóa hay không. |
| defaultValue | Nó trả về và thay đổi giá trị mặc định của trường đầu vào tháng. |
| biểu mẫu | Nó trả về tham chiếu của biểu mẫu có chứa trường đầu vào tháng trong tài liệu HTML. |
| danh sách | Nó trả về tham chiếu của kho dữ liệu có chứa trường đầu vào tháng. |
| tối đa | Nó trả về và sửa đổi giá trị của thuộc tính max của trường đầu vào tháng. |
| phút | Nó trả về và sửa đổi giá trị của thuộc tính min của trường đầu vào tháng. |
| tên | Nó trả về và thay đổi giá trị của thuộc tính tên của trường đầu vào tháng. |
| readOnly | Nó trả về và sửa đổi trường tháng đầu vào có phải là trường chỉ đọc hay không. |
| bắt buộc | Nó trả về và sửa đổi xem trường tháng có phải được điền trước khi gửi biểu mẫu hay không. |
| bước | Nó trả về và thay đổi giá trị của thuộc tính đã đặt của trường đầu vào tháng. |
| loại | Nó trả về giá trị của thuộc tính type của trường đầu vào tháng. |
| giá trị | Nó trả về và sửa đổi nội dung của thuộc tính giá trị của trường đầu vào tháng. |
Phương pháp
Sau đây là các phương pháp của HTML DOM input Đối tượng tháng
| Phương pháp | Giải thích |
|---|---|
| stepUp () | Nó tăng giá trị của trường tháng đầu vào bằng giá trị được chỉ định trong tham số của nó. |
| stepDown () | Nó làm giảm giá trị của trường tháng đầu vào theo giá trị được chỉ định trong tham số của nó. |
Ví dụ
Hãy để chúng tôi xem một ví dụ về đối tượng tháng đầu vào 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> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào “ Tạo trường tháng đầu vào ”Để tạo trường tháng đầu vào -
