Thuộc tính defaultValue của HTML DOM Input Email

Thuộc tính defaultValue của đối tượng Input Email lấy hoặc thiết lập giá trị mặc định ban đầu của trường email. Khác với value (thay đổi khi người dùng nhập), defaultValue không thay đổi trừ khi được gán lập trình.

Cú pháp

Lấy giá trị (chuỗi)

inputEmailObject.defaultValue

Thiết lập giá trị

inputEmailObject.defaultValue = 'chuỗi'

Ví dụ minh họa

Đặt lại giá trị email về mặc định khi nhấn nút:

<!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">Email người dùng: <input type="email" id="EmailSelect" value="xyz@abc.com"> </label>
    <input type="button" onclick="getDefaultValue()" value="Khôi phục mặc định">
    <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 = 'Giá trị: ' + inputEmail.value + ' khôi phục về: ' + inputEmail.defaultValue;
    inputEmail.value = inputEmail.defaultValue;
  }
</script>
</body>
</html>

Kết quả

Ban đầu hiển thị defaultValue. Người dùng thay đổi email -> value thay đổi, defaultValue giữ nguyên. Nhấn "Khôi phục mặc định" gán value = defaultValue.