HTML DOM Input Tháng stepDown () Method

Phương thức đầu vào HTML DOM tháng stepDown () giảm (giảm) giá trị của trường đầu vào tháng theo một giá trị được chỉ định.

Cú pháp

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

object.stepDown(number)

Đây, nếu số tham số bị bỏ qua thì nó sẽ giảm giá trị đi 1.

Ví dụ

Hãy để chúng tôi xem một ví dụ về phương thức stepDown () tháng đầu vào -

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM stepUp()/stepDown() Demo</title>
<style>

   body{
      text-align:center;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%)
      center/cover no-repeat;
      height:100vh;
      color:#fff;
   }

   p{
      font-size:1.5rem;
   }

   input{
      width:40%;
   }

   button{
      background-color:#db133a;
      color:#fff;
      padding:8px;
      border:none;
      width:120px;
      margin:1rem;
      border-radius:50px;
      outline:none;
      cursor:pointer;
   }

</style>
</head>
<body>
<h1>stepUp()/stepDown() Method Demo</h1>
<p>Hi! Select your month of birth</p>
<input type="month">
<br>
<button onclick="incValue()">StepUp Value</button>
<button onclick="decValue()">StepDown Value</button>
<script>
   function incValue() {
      document.querySelector("input").stepUp();
   }
   function decValue() {
      document.querySelector("input").stepDown();
   }
</script>
</body>
</html>

Đầu ra

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

HTML DOM Input Tháng stepDown () Method

Nhấp vào “ Giá trị StepUp” hoặc “Giá trị StepDown Nút StepUp Value "hoặc" StepDown Value "để tăng hoặc giảm giá trị của trường tháng đầu vào.

HTML DOM Input Tháng stepDown () Method