資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學HTML DOM 輸入密碼 value 屬性
HTML DOM 輸入密碼 value 屬性與 type=”password” 且具有 value 屬性的 input 元素相關聯。此屬性用於指定密碼欄位的預設值，並且它還會將值更改為使用者輸入。
語法
以下是語法：
設定 value 屬性。
passwordObject.value = text;
這裡，text 用於指定密碼欄位的值。
示例
讓我們來看一個輸入密碼 value 屬性的示例：
<!DOCTYPE html>
<html>
<body>
<h1>Input password Value property</h1>
PASSWORD: <input type="password" id="PASS1">
<p>Get the above element value by clicking the below button</p>
<button onclick="getValue()">Get Value</button>
<p id="Sample"></p>
<script>
function getValue() {
var t = document.getElementById("PASS1").value;
document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}
</script>
</body>
</html>輸出
這將產生以下輸出：
在密碼欄位中鍵入一些文字並單擊“獲取值”按鈕：
在上面的例子中：
我們建立了一個 type 為 password 且 id 設定為“PASS1”的輸入欄位。
PHONE NO: <input type="number" value="222" id="NUMBER1">
然後，我們建立了“獲取值”按鈕，當用戶單擊該按鈕時，將執行 getValue() 方法。
<button onclick="getValue()">Get Value</button>
getValue() 方法使用 getElementById() 方法獲取 input 元素，並將其“value”屬性值賦給變數 t。如果您在單擊“獲取值”按鈕之前沒有在密碼欄位中輸入任何內容，它將返回一個空字串。value 屬性會隨著使用者輸入而改變，因此它將顯示密碼欄位中當前的輸入。然後，使用其 innerHTML 屬性在 id 為“Sample”的段落中顯示此變數。
function getValue() {
var t = document.getElementById("PASS1").value;
document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}
更新於：2021年2月15日
672 次瀏覽
廣告