Thuộc tính defaultValue URL đầu vào HTML DOM đặt / trả về giá trị mặc định tương ứng với Đầu vào URL. Thuộc tính giá trị thay đổi khi người dùng nhập đầu vào URL 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ề
inputURLObject.defaultValue
- Đặt giá trị defaultValue thành chuỗi
inputURLObject.defaultValue = ‘string’
Ví dụ
Hãy để chúng tôi xem một ví dụ về Giá trị mặc định của URL đầu vào tài sản -
<!DOCTYPE html>
<html>
<head>
<title>Input URL 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>URL-defaultValue</legend>
<label for="URLSelect">URL :
<input type="url" id="URLSelect" size="25" value="https://www.google.com">
</label>
<input type="button" onclick="getDefaultValue()" value="Reset Default Value">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputURL = document.getElementById("URLSelect");
divDisplay.textContent = 'defaultValue: '+inputURL.defaultValue;
function getDefaultValue() {
var currentValue = inputURL.value;
divDisplay.textContent = 'Value - '+inputURL.value+' resets to - '+inputURL.defaultValue;
inputURL.value = inputURL.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 -
Sau khi nhấp vào ‘Đặt lại giá trị mặc định’ nút có URL đã thay đổi -
