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

Đối tượng tuần nhập HTML DOM

Đối tượng Tuần đầu vào HTML DOM đại diện cho một phần tử HTML đầu vào có loại tuần.

Cú pháp

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

Tạo với loại Tuần

var weekObject = document.createElement(“INPUT”);
weekObject.type = “week”;

Các thuộc tính

Đây, “weekObject” có thể có các thuộc tính sau -

Thuộc tính Mô tả
tự động hoàn thành Nó xác định giá trị của thuộc tính tự động hoàn thành của trường tuần
tự động lấy nét Nó xác định xem trường tuần có nên được tập trung vào tải trang ban đầu hay không.
defaultValue Nó đặt / trả về giá trị mặc định của trường tuần
bị vô hiệu hóa Nó xác định nếu trường tuần bị vô hiệu hóa / được bật
biểu mẫu Nó trả về một tham chiếu của biểu mẫu bao gồm có trường tuần
tối đa Nó trả về / đặt giá trị của thuộc tính max của trường tuần
phút Nó trả về / đặt giá trị của thuộc tính min của trường tuần
tên Nó xác định giá trị của thuộc tính name của trường tuần
readOnly Nó xác định xem trường tuần chỉ được đọc hay không
bắt buộc Nó xác định nếu trường tuần là bắt buộc phải được điền để gửi biểu mẫu
bước Nó xác định giá trị của thuộc tính bước của trường tuần
loại Nó trả về kiểu phần tử biểu mẫu của trường tuần
giá trị Nó xác định giá trị của thuộc tính value của trường tuần

Phương pháp

Và, các phương pháp sau -

booleanValue Chi tiết
stepDown Nó xác định số tuần mà trường tuần sẽ giảm.
stepUp Nó xác định số tuần mà trường tuần sẽ tăng lên.

Ví dụ

Hãy để chúng tôi xem một ví dụ cho biểu mẫu Tuần nhập liệu tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Input Week form</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 id="Mid-Term">
<fieldset>
<legend>Week-form</legend>
<label for="WeekSelect">Examination Week:
<input type="week" id="WeekSelect" value="2019-W36">
</label>
<input type="button" onclick="showExamination()" value="What exams are in this week? ">
<div id="divDisplay"></div>
</fieldset>
</form><script>
   var divDisplay = document.getElementById("divDisplay");
   var inputWeek = document.getElementById("WeekSelect");
   function showExamination() {
      divDisplay.textContent = 'Examinations: '+inputWeek.form.id;
   }
</script>
</body>
</html>

Đầu ra

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

Trước khi nhấp vào ‘Những kỳ thi nào trong tuần này?’ nút -

Đối tượng tuần nhập HTML DOM

Sau khi kiểm tra ‘Bài kiểm tra nào trong tuần này?’ nút -

Đối tượng tuần nhập HTML DOM