資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學HTML DOM 單選輸入框 autofocus 屬性
HTML DOM input radio autofocus 屬性與 HTML <input> 元素的 autofocus 屬性相關。此屬性用於設定或返回頁面載入時單選按鈕是否自動獲得焦點。
語法
以下是語法：
設定 autofocus 屬性。
radioObject.autofocus = true|false
這裡，true 表示單選按鈕應獲得焦點，false 表示反之。預設設定為 false。
示例
讓我們來看一個單選輸入框 autofocus 屬性的示例：
<!DOCTYPE html>
<html>
<body>
<h1>Input password autofocus property</h1>
<form>
RADIO: <input type="radio" id="rad1" name=”BTN” autofocus>
</form>
<br><br>
<button type=”button” onclick="FocusVal()">CHECK FOCUS</button>
<p id="Sample"></p>
<script>
function FocusVal() {
var R = document.getElementById("rad1").autofocus;
document.getElementById("Sample").innerHTML = "The radio button has autofocus property
set to "+R;
}
</script>
</body>
</html>輸出
這將產生以下輸出：
點選“檢查焦點”按鈕後：
在上面的例子中：
我們建立了一個 type=“radio”，id=“rad1”，name=“BTN” 的輸入欄位，並且啟用了 autofocus 屬性，即設定為 true：
Password: <input type="password" id="rad1" name=”BTN”autofocus>
然後，我們建立了一個“檢查焦點”按鈕，當用戶點選時，它將執行 FocusVal() 方法：
<button type=”button” onclick="FocusVal()">CHECK FOCUS</button>
FocusVal() 方法使用 getElementById() 方法獲取 type 為 radio 的輸入元素並獲取其 autofocus 屬性。autofocus 屬性根據單選按鈕 autofocus 屬性值返回 true 或 false。此值被賦給變數 R，並使用其 innerHTML 屬性顯示在 id 為“Sample” 的段落中。
function FocusVal() {
var R = document.getElementById("rad1").autofocus;
document.getElementById("Sample").innerHTML = "The radio button has autofocus property set to "+R;
}
更新於：2019年8月21日
224 次瀏覽
廣告