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

HTML DOM Input Giá trị tuần thuộc tính

Thuộc tính giá trị Tuần đầu vào của HTML DOM trả về một chuỗi nếu thuộc tính giá trị được xác định cho tuần đầu vào. Người dùng cũng có thể đặt nó thành một chuỗi mới.

Cú pháp

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

  • Giá trị chuỗi trả về
inputWeekObject.value
  • Đặt giá trị thuộc tính cho một giá trị chuỗi
inputWeekObject.value = ‘String’

Ví dụ

Hãy để chúng tôi xem một ví dụ về Giá trị Tuần nhập tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input Week value</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-value</legend>
<label for="WeekSelect">Examination Week:
<input type="week" id="WeekSelect" value="2021-W35">
</label>
<input type="button" onclick="updateValue()" value="Postpone Examinations">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputWeek = document.getElementById("WeekSelect");
   function updateValue() {
      inputWeek.value = '2021-W36';
      divDisplay.textContent = 'New Examination Week: '+inputWeek.value.split('-W')[1]+' ,'+inputWeek.value.split('-W')[0];
   }
</script>
</body>
</html>

Đầu ra

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

Trước khi nhấp vào ‘Hoãn kiểm tra’ nút -

HTML DOM Input Giá trị tuần thuộc tính

Sau khi nhấp vào ‘Hoãn kiểm tra’ nút -

HTML DOM Input Giá trị tuần thuộc tính