資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究HTML DOM 輸入密碼 readOnly 屬性
HTML DOM 輸入密碼 readOnly 屬性用於設定或返回輸入密碼欄位是否為只讀。readOnly 屬性使元素不可編輯，但仍然可以透過 Tab 鍵或點選來聚焦。如果只讀元素內有預設值，則在提交時將其傳送到伺服器。
語法
以下是語法：
設定 readOnly 屬性：
passwordObject.readOnly = true|false
其中，true 表示密碼欄位為只讀，false 表示相反。預設情況下，readOnly 屬性設定為 false。
示例
讓我們來看一個密碼 readOnly 屬性的示例：
<!DOCTYPE html>
<html>
<body>
<h1>password readOnly property</h1>
Password: <input type="password" id="PASS1" >
<p>Change the readOnly property of the above field by clicking the below button</p>
<button onclick="changeRead()">CHANGE</button>
<script>
function changeRead() {
document.getElementById("PASS1").readOnly = true;
}
</script>
</body>
</html>輸出
這將產生以下輸出：
點選“更改”按鈕後，您將無法在輸入密碼框中鍵入內容。
在上面的示例中：
我們首先建立了一個 id 為“PASS1”的輸入密碼欄位。
Password: <input type="password" id="PASS1">
然後我們建立了一個“更改”按鈕，當用戶點選它時將執行 changeRead() 方法。
<button onclick="changeRead()">CHANGE</button>
changeRead() 方法使用 getElementById() 方法獲取型別為密碼的輸入元素。然後將其 readOnly 屬性設定為 true。這意味著我們現在無法在密碼欄位中輸入文字，但它仍然可以聚焦。點選提交按鈕時，內部文字將傳送到伺服器。
function changeRead() {
document.getElementById("PASS1").readOnly = true;
}
更新於： 2019年8月22日
113 次瀏覽
廣告