Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM Input Giá trị tháng Thuộc tính


Thuộc tính giá trị tháng đầu vào của HTML DOM trả về và sửa đổi giá trị của thuộc tính giá trị của trường tháng đầu vào.

Cú pháp

Sau đây là cú pháp -

  • Trả lại giá trị

object.value
  • 2. Sửa đổi giá trị

object.value = true | false

Ví dụ

Hãy để chúng tôi xem một ví dụ về thuộc tính giá trị 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 value property Demo</h1>
<p>Hi, Select any month for your holiday</p>
<input type="month" class="monthInput">
<button type="button" onclick="getValue()" class="btn">Click me to show
value</button>
<div class="show"></div>
<script>
function getValue() {
var monthInput = document.querySelector(".monthInput");
      document.querySelector(".show").innerHTML = "

         "+ "Value = " +          monthInput.value + "";

} </script> </body> </html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

HTML DOM Input Giá trị tháng Thuộc tính

Chọn bất kỳ tháng nào và sau đó nhấp vào “ Nhấp vào tôi để hiển thị giá trị ”Để hiển thị giá trị đã chọn.

HTML DOM Input Giá trị tháng Thuộc tính