Thuộc tính Thời gian nhập liệu HTML DOM bắt buộc xác định xem Thời gian 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
inputTimeObject.required
- Cài đặt bắt buộc sang booleanValue
inputTimeObject.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 thời gian để gửi biểu mẫu. |
| false | Đây là giá trị mặc định và không bắt buộc phải đặt trường thời gian. |
Ví dụ
Hãy để chúng tôi xem ví dụ về Thời gian nhập liệu bắt buộc tài sản -
<!DOCTYPE html>
<html>
<head>
<title>Input Time 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>Time-required</legend>
<label for="TimeSelect">Appointment with Supervisor:</label>
<input type="time" id="TimeSelect" required>
<input type="button" onclick="fixMeeting()" value="Fix Meeting">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputTime = document.getElementById("TimeSelect");
function fixMeeting() {
if(inputTime.required === true && inputTime.value === '')
divDisplay.textContent = 'The meeting time is required';
else
divDisplay.textContent = 'The meeting time fixed at: '+inputTime.value;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào ‘Khắc phục cuộc họp’ nút có trường thời gian trống -
Sau khi nhấp vào ‘Khắc phục cuộc họp’ Nút 'với trường thời gian được đặt -
