Thuộc tính tên Thời gian nhập của HTML DOM trả về một chuỗi, chuỗi này hiển thị giá trị của thuộc tính tên của Thời gian nhập. 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.name
- Đặt tên thuộc tính cho một giá trị chuỗi
inputTimeObject.name = ‘String’
Ví dụ
Hãy để chúng tôi xem ví dụ về Tên thời gian nhập liệu tài sản -
<!DOCTYPE html>
<html>
<head>
<title>Input Time name</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-name</legend>
<label for="TimeSelect">Appointment at Stephan:</label>
<input type="time" name="Stephan" id="TimeSelect" value="18:00">
<input type="button" onclick="changeMeeting()" value="Confirm">
<input type="button" onclick="changeName()" value="Book at Dorcel's">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var labelDisplay = document.getElementsByTagName("label")[0];
var divDisplay = document.getElementById("divDisplay");
var inputTime = document.getElementById("TimeSelect");
function changeMeeting() {
if(inputTime.name === 'Stephan')
divDisplay.textContent = 'Stephan Hospital is closed today';
else
divDisplay.textContent = 'Appointment at Dorcel Hospital fixed at: '+inputTime.value;
}
function changeName(){
inputTime.name = 'Dorcel';
labelDisplay.textContent = 'Appointment at '+inputTime.name+': ';
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Sau khi nhấp vào ‘Xác nhận’ nút -
Sau khi nhấp vào ‘Đặt phòng tại Dorcel’s’ nút -
Sau khi nhấp vào ‘Xác nhận’ nút có thuộc tính tên được đặt thành tên khác -
