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