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

HTML DOM Input Week stepDown () Method

Phương thức stepDown () của HTML DOM Input Week xác định số tuần mà trường tuần sẽ giảm.

Cú pháp

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

Gọi stepDown () với một số, theo mặc định bằng 1

inputWeekObject.stepDown(number)

Ví dụ

Hãy để chúng tôi xem một ví dụ cho Input Week stepDown () phương pháp -

<!DOCTYPE html>
<html>
<head>
<title>Input Week stepDown()</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
</style>
</head>
<body>
<form>
<fieldset>
<legend>Week-stepDown( )</legend>
<label for="WeekSelect">Week and Year :
<input type="week" id="WeekSelect" value="2055-W04">
</label>
<input type="button" onclick="changeStep('2')" value="Decrease Weeks by 2">
<input type="button" onclick="changeStep('3')" value="Decrease Weeks by 3">
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputWeek = document.getElementById("WeekSelect");
   function changeStep(myStep) {
      inputWeek.stepDown(myStep);
   }
</script>
</body>
</html>

Đầu ra

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

Trước khi nhấp vào bất kỳ nút nào -

HTML DOM Input Week stepDown () Method

Nhấp vào ‘Giảm 2 tuần’ nút -

HTML DOM Input Week stepDown () Method

Nhấp vào ‘Giảm 3 tuần’ nút -

HTML DOM Input Week stepDown () Method