Thuộc tính defaultValue của Tuần nhập đặt / trả về giá trị mặc định tương ứng với Giá trị đầu vào của Tuần. Thuộc tính giá trị thay đổi khi người dùng đặt lại đầu vào tuần 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ề
inputWeekObject.defaultValue
- Đặt giá trị defaultValue thành chuỗi
inputWeekObject.defaultValue = ‘string’
Ví dụ
Hãy để chúng tôi xem một ví dụ cho Giá trị mặc định của Tuần nhập tài sản -
<!DOCTYPE html>
<html>
<head>
<title>Input Week 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>Week-defaultValue</legend>
<label for="WeekSelect">Target Week:
<input type="week" id="WeekSelect" value="2022-W01">
</label>
<input type="button" onclick="getDefaultValue()" value="Reset Default Value">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputWeek = document.getElementById("WeekSelect");
divDisplay.textContent = 'Week: '+inputWeek.defaultValue.split("-W")[1];
divDisplay.textContent += ' & Year: '+inputWeek.defaultValue.split("-W")[0];
function getDefaultValue() {
var currentValue = inputWeek.value;
divDisplay.textContent = 'Value - '+inputWeek.value+' resets to - '+inputWeek.defaultValue;
inputWeek.value = inputWeek.defaultValue;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Trước khi nhấp vào ‘Đặt lại giá trị mặc định’ nút -
Thay đổi đầu vào theo tuần -
Sau khi nhấp vào ‘Đặt lại giá trị mặc định’ -
