資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時裝設計
法律研究HTML DOM 輸入密碼 name 屬性
HTML DOM Input Password name 屬性用於設定或返回密碼輸入域的 name 屬性。在將表單資料提交到伺服器後，name 屬性有助於識別表單資料。JavaScript 還可以使用 name 屬性來引用表單元素，以便稍後進行操作。
語法
以下為該屬性的語法 −
設定 name 屬性 −
passwordObject.name = name
其中，name 用於指定密碼域的名稱。
範例
我們來看一個 password name 屬性的範例 −
<!DOCTYPE html>
<html>
<body>
<h1>Input Password name Property</h1>
Password: <input type="password" id="PASS" name="passW">
<p>Change the name of the password field by clicking the below button</p>
<button onclick="changeName()">CHANGE NAME</button>
<p id="Sample"></p>
<script>
function changeName() {
document.getElementById("PASS").name ="NEW_PASS" ;
document.getElementById("Sample").innerHTML = "Password field name is now NEW_PASS";
}
</script>
</body>
</html>輸出
此範例將產生以下輸出 −
單擊更改名稱按鈕 −
在上述範例中 −
我們首先建立了一個 id 為“PASS”的輸入密碼域，並將其 name 屬性值設定為“passW”−
Password: <input type="password" id="PASS" maxLength=”5”>
然後，我們建立了一個更改名稱按鈕，當用戶單擊該按鈕時，該按鈕將執行 changeName() −
<button type="button" onclick="changeName()">CHANGE NAME</button>
changeName() 方法使用 getElementById() 方法獲取型別為密碼的輸入域，並將其 name 屬性設定為“NEW_PASS”。然後，我們透過使用其 innerHTML 屬性在 id 為“Sample”的段落中顯示一條訊息，來展示這種更改 −
function changeName() {
document.getElementById("PASS").name ="NEW_PASS" ;
document.getElementById("Sample").innerHTML = "Password field name is now NEW_PASS";
}
更新時間：2021-02-19
92 個人瀏覽
廣告