Thuộc tính defaultValue của HTML DOM Input Time đặt / trả về giá trị mặc định tương ứng với Time Input. Thuộc tính giá trị thay đổi khi người dùng thay đổi thời gian nhưng giá trị mặc định không thay đổi.
Cú pháp
Sau đây là cú pháp -
- Giá trị chuỗi trả về
inputTimeObject.defaultValue
- Đặt defaultValue thành chuỗi
inputTimeObject.defaultValue = ‘string’
Ví dụ
Hãy để chúng tôi xem một ví dụ về Giá trị mặc định của thời gian nhập liệu tài sản -
<!DOCTYPE html>
<html>
<head>
<title>Input Time defaultValue</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-defaultValue</legend>
<label for="TimeSelect">Meeting At:
<input type="time" id="TimeSelect" value="09:30">
</label><br>
<input type="button" onclick="changeMeet('Alternate')" value="Alternate Meeting Time">
<input type="button" onclick="changeMeet('Default')" value="Default Meeting Time"><br>
<input type="button" onclick="confirmMeet()" value="Confirm Meeting">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputTime = document.getElementById("TimeSelect");
function changeMeet(string) {
if (inputTime.disabled === false) {
if(string === 'Alternate')
inputTime.value = '10:30';
else
inputTime.value = inputTime.defaultValue;
}
}
function confirmMeet() {
inputTime.disabled = true;
divDisplay.textContent = 'Meeting fixed at : '+inputTime.value;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Trước khi nhấp vào ‘Thời gian họp thay thế’ nút -
Thay đổi Nhập thời gian bằng cách nhấp vào ‘Thời gian họp thay thế’ nút -
Sau khi nhấp vào ‘Thời gian họp mặc định’ nút -
Sau khi nhấp vào ‘Xác nhận cuộc họp’ nút -
