Thuộc tính defaultValue của văn bản đầu vào HTML DOM được sử dụng để thiết lập hoặc lấy giá trị defaultValue của trường văn bản. Giá trị defaultValue của một phần tử là giá trị được gán cho thuộc tính value. Sự khác biệt giữa thuộc tính value và thuộc tính defaultValue là thuộc tính thứ hai giữ nguyên giá trị mặc định ban đầu được chỉ định trong khi giá trị thuộc tính value thay đổi dựa trên thông tin người dùng nhập vào trường đầu vào.
Cú pháp
Sau đây là cú pháp để đặt thuộc tính defaultValue -
textObject.defaultValue = value
Ở đây, “giá trị” là giá trị mặc định của trường văn bản.
Ví dụ
Chúng ta hãy xem một ví dụ cho thuộc tính Text defaultValue -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text defaultValue Property</h1>
USERNAME: <input type="text" id="TEXT1" value="RON_1" autofocus>
<p>Change the above text field default value by clicking on the CHANGE button</p>
<button type="button" onclick="changeDefault()">CHANGE</button>
<p id="Sample"></p>
<script>
function changeDefault() {
document.getElementById("TEXT1").defaultValue="ROHAN_2";
var P=document.getElementById("TEXT1").defaultValue;
document.getElementById("Sample").innerHTML = "Default value has been changed from RON_1 to "+P ;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
