DOM Input Checkbox屬性用於設置或返回頁麵加載時元素是否應獲得焦點。此屬性用於反映HTML自動對焦屬性。
用法:
- 它用於返回自動對焦屬性。
checkboxObject.autofocus
- 用於設置自動對焦屬性。
checkboxObject.autofocus = true|false
屬性值:
- true:它定義複選框成為焦點。
- false:它具有默認值。它定義了該複選框未獲得焦點。
返回值:它返回一個布爾值,表示該複選框是否自動對焦。
在程序下方,說明了如何返回自動對焦屬性。
<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="color:green;">GeeksForGeeks</h1>
<h2> DOM Input Checkbox autofocus Property</h2>
Male:
<input type="checkbox" id="myGeeks" autofocus>
Female:
<input type="checkbox" id="GFG">
<br>
<br>
<button onclick="myGeeks()">Submit</button>
<p id="sudo" style="color:green;font-size:25px;"></p>
<script>
function myGeeks() {
var x = document.getElementById("myGeeks").autofocus;
document.getElementById("sudo").innerHTML = x;
}
</script>
</body>
</html>
輸出:
在單擊按鈕之前:
單擊按鈕後:
支持的瀏覽器:下麵列出了DOM輸入支持的瀏覽器複選框自動聚焦屬性:
- 穀歌瀏覽器
- IE瀏覽器
- Firefox
- Opera
- Safari
相關用法
- HTML Input URL autofocus用法及代碼示例
- HTML Input Checkbox name用法及代碼示例
- HTML Input Checkbox用法及代碼示例
- HTML Input Checkbox value用法及代碼示例
- HTML Input Password autofocus用法及代碼示例
- HTML Input Color autofocus用法及代碼示例
- HTML Input Email autofocus用法及代碼示例
- HTML Input FileUpload autofocus用法及代碼示例
- HTML Input Button autofocus用法及代碼示例
- HTML Input Datetime autofocus用法及代碼示例
- HTML Input Reset autofocus用法及代碼示例
- HTML Input Range autofocus用法及代碼示例
- HTML Input Date autofocus用法及代碼示例
- HTML Input image autofocus用法及代碼示例
- HTML Input Search autofocus用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Input Checkbox autofocus Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。