Thuộc tính giá trị Thời gian đầu vào của HTML DOM trả về một chuỗi, là giá trị của thuộc tính giá trị của Thời gian đầ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ề
inputTimeObject.value
- Đặt giá trị thuộc tính cho một giá trị chuỗi
inputTimeObject.value = ‘String’
Ví dụ
Hãy để chúng tôi xem ví dụ về Giá trị thời gian nhập liệu tài sản -
<!DOCTYPE html>
<html>
<head>
<title>Input Time 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>Time-value</legend>
<label for="TimeSelect">Time: </label>
<input type="time" id="TimeSelect" value="00:00">
<input type="button" onclick="checkForGuess()" value="Guess">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputTime = document.getElementById("TimeSelect");
divDisplay.textContent = 'Guess at what time is the event?';
function checkForGuess() {
if (inputTime.value === '18:30')
divDisplay.textContent = 'Yes you guessed it right. The event starts at '+inputTime.value;
else
divDisplay.textContent = 'No you guessed it wrong. Have a go again';
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Nhấp vào ‘Đoán’ nút với thời gian không chính xác -
Nhấp vào ‘Đoán’ nút với thời gian chính xác -
