HTML DOM Input Tháng StepUp () Phương pháp

Phương thức đầu vào HTML DOM tháng stepUp () nâng (tăng) 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.stepUp(number)

Đây, nếu số tham số bị bỏ qua sau đó nó tăng giá trị lên 1.

Ví dụ

Hãy để chúng tôi xem một ví dụ về phương thức stepUp () tháng nhập -

<!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 StepUp () Phương pháp

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

HTML DOM Input Tháng StepUp () Phương pháp