Thuộc tính loại tháng đầu vào HTML DOM trả về giá trị của thuộc tính loại của trường tháng đầu vào trong tài liệu HTML.
Cú pháp
Sau đây là cú pháp -
object.type
Ví dụ
Hãy để chúng tôi xem một ví dụ về thuộc tính loại tháng đầu vào HTML DOM -
<!DOCTYPE html>
<html>
<head>
<style>
html{
height:100%;
}
body{
text-align:center;
color:#fff;
background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%)
center/cover no-repeat;
height:100%;
}
p{
font-weight:700;
font-size:1.1rem;
}
input{
display:block;
width:35%;
border:2px solid #fff;
background-color:transparent;
color:#fff;
font-weight:bold;
padding:8px;
margin:1rem auto;
}
.btn{
background:#0197F6;
border:none;
height:2rem;
border-radius:2px;
width:35%;
margin:2rem auto;
display:block;
color:#fff;
outline:none;
cursor:pointer;
}
.show{
font-size:1.5rem;
color:#db133a;
font-weight:bold;
}
</style>
</head>
<body>
<h1>DOM Input month type property Demo</h1>
<p>Hi, Do you want to know my type value?</p>
<input type="month" class="monthInput" required>
<button type="button" onclick="getType()" class="btn">Click me to get value of Type</button>
<div class="show"></div>
<script>
function getType() {
var monthInput = document.querySelector(".monthInput");
document.querySelector(".show").innerHTML="type = " + monthInput.type;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào “ Nhấp vào tôi để nhận giá trị của Loại ”Để nhận loại trường nhập ở trên.
