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

Tuần đầu vào HTML DOM Thuộc tính bắt buộc

Thuộc tính bắt buộc Tuần đầu vào HTML DOM xác định liệu Tuần nhập liệu có bắt buộc phải đặt hay không.

Cú pháp

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

  • Trả về giá trị boolean - true / false
inputWeekObject.required
  • Cài đặt bắt buộc sang booleanValue
inputWeekObject.required = booleanValue

Giá trị Boolean

Đây, “booleanValue” có thể như sau -

booleanValue
Chi tiết
true
Bắt buộc phải đặt trường tuần để gửi biểu mẫu.
sai
Đây là giá trị mặc định và không bắt buộc phải đặt trường tuần.

Ví dụ

Hãy để chúng tôi xem một ví dụ về Tuần đầu vào bắt buộc tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input Week required</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-required</legend>
<label for="WeekSelect">Examination Week:
<input type="week" id="WeekSelect" required>
</label>
<input type="button" onclick="confirmWeek()" value="Confirm Week">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputWeek = document.getElementById("WeekSelect");
   divDisplay.textContent = 'Week Input Required: '+inputWeek.required;
   function confirmWeek() {
      if(inputWeek.value === '')
         divDisplay.textContent += ', Choose a valid Week. ';
      else
         divDisplay.textContent = 'Week Confirmed: '+inputWeek.required;
   }
</script>
</body>
</html>

Đầu ra

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

Nhấp vào ‘Xác nhận tuần’ nút -

Tuần đầu vào HTML DOM Thuộc tính bắt buộc

Sau khi nhấp vào ‘Xác nhận tuần’ nút với giá trị của trường tuần được đặt -

Tuần đầu vào HTML DOM Thuộc tính bắt buộc