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

HTML DOM Đầu vào Tên tháng Thuộc tính

Thuộc tính tên tháng đầu vào HTML DOM trả về và sửa đổi giá trị của thuộc tính tên của trường đầu vào kiểu =”tháng” trong tài liệu HTML.

Cú pháp

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

1. Trả lại tên

object.name

2. Sửa đổi tên

object.name = “text”

Ví dụ

Hãy để chúng tôi xem một ví dụ về thuộc tính tên 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.2rem;
   }
   input{
      width:35%;
      border:2px solid #fff;
      background-color:transparent;
      color:#fff;
      font-weight:bold;
      padding:8px;
   }
   .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;
      font-weight:bold;
   }
</style>
</head>
<body>
<h1>DOM Input month name property Example</h1>
<input type="month" class="monthInput" value="2019-02" name="I'm Month input
field!! ">
<p>Hi, Do you want to see my name?</p>
<p>Then click on the button</p>
<button onclick="showName()" class="btn">Show Name</button>
<div class="show"></div>
<script>
   function showName() {
      var monthInput = document.querySelector(".monthInput");
      var showMsg = document.querySelector(".show");
      showMsg.innerHTML=monthInput.name;
   }
</script>
</body>
</html>

Đầu ra

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

HTML DOM Đầu vào Tên tháng Thuộc tính

Nhấp vào “ Hiển thị tên ”Để hiển thị giá trị của thuộc tính tên của trường nhập tháng.

HTML DOM Đầu vào Tên tháng Thuộc tính