資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究HTML DOM 密碼輸入框 defaultValue 屬性
HTML DOM 密碼輸入框 defaultValue 屬性用於設定或獲取密碼欄位的 defaultValue。元素的 defaultValue 是分配給 value 屬性的值。value 屬性和 defaultValue 屬性的區別在於，defaultValue 屬性保留最初指定的預設值，而 value 屬性會根據使用者在輸入欄位中的輸入而改變。
語法
以下是設定 defaultValue 屬性的語法：
passwordObject.defaultValue = value
這裡，“value”是密碼欄位的預設值。
示例
讓我們來看一個密碼輸入框 defaultValue 屬性的例子：
<!DOCTYPE html>
<html>
<body>
<h1>Input Password defaultValue Property</h1>
Password: <input type="password" id="PASS" value="abcd123">
<p>Change the above password 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("PASS").defaultValue="Password1234";
var P=document.getElementById("PASS").defaultValue;
document.getElementById("Sample").innerHTML = "Default value has been changed from abc123 to "+P ;
}
</script>
</body>
</html>輸出
這將產生以下輸出：
點選“更改”按鈕後：
在上面的例子中：
我們首先建立了一個 id 為“PASS”、值為“abcd123”的密碼輸入欄位。
Password: <input type="password" id="PASS" value="abcd123">
然後，我們建立了一個名為“更改”的按鈕，當用戶點選該按鈕時，將執行 changeDefault() 方法。
<button type="button" onclick="changeDefault()">CHANGE</button>
changeDefault() 方法使用 getElementById() 方法獲取型別為密碼的輸入欄位，並將其 defaultValue 屬性設定為“Password123”。然後，我們再次使用 getElementById() 方法獲取型別為密碼的輸入欄位的 defaultValue 屬性，並將其賦值給變數 P。然後，使用段落的 innerHTML 屬性將此變數顯示在 id 為“Sample”的段落中。
function changeDefault() {
document.getElementById("PASS").defaultValue="Password1234";
var P=document.getElementById("PASS").defaultValue;
document.getElementById("demo").innerHTML = "Default value has been changed from abc123 to "+P ;
}
更新於：2021年2月19日
瀏覽量：230
廣告