資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
時尚研究
法律研究HTML DOM 輸入密碼 autofocus 屬性
HTML DOM input 密碼 autofocus 屬性與 HTML <input> 元素的 autofocus 屬性關聯。此屬性用於設定或返回載入頁面時是否應該自動對齊輸入密碼欄位。
語法
以下是語法 −
設定 autofocus 屬性 −
passwordObject.autofocus = true|false
此處，true 表示密碼欄位應獲得焦點，false 表示相反。它預設設定為 false。
示例
讓我們看一個關於輸入密碼 autofocus 屬性的示例 −
<!DOCTYPE html>
<html>
<body>
<h1>Input password autofocus property</h1>
Password: <input type="password" id="PASS" autofocus>
<br><br>
<button onclick="FocusVal()">CHECK FOCUS</button>
<p id="Sample"></p>
<script>
function FocusVal() {
var P = document.getElementById("PASS").autofocus;
document.getElementById("Sample").innerHTML = "The password field has autofocus property set to "+P;
}
</script>
</body>
</html>輸出
這將產生以下輸出 −
點選檢查 FOCUS 按鈕 −
在上一個示例中 −
我們已經使用型別“密碼”建立了一個輸入欄位，ID 為“Pass”，並且啟用 autofocus 屬性，即設定為 true −
Password: <input type="password" id="PASS" autofocus>
然後，我們建立一個按鈕 CHECK FOCUS，在使用者單擊時它將執行 FocusVal() 方法 −
<button onclick="FocusVal()">CHECK FOCUS</button>
FocusVal() 方法使用 getElementById() 方法獲取型別為密碼的輸入元素並獲取它的 autofocus 屬性。autofocus 屬性根據元素自動對齊屬性值返回 true 和 false。此值分配給變數 P，並使用其 innerHTML 屬性顯示在 ID 為“Sample”的段落中 −
function FocusVal() {
var P = document.getElementById("PASS").autofocus;
document.getElementById("Sample").innerHTML = "The password field has autofocus property set to "+P;
}
更新日期：2019-08-09
270 次瀏覽
廣告