HTML DOM中的“輸入重置自動對焦”屬性用於設置或返回在頁麵加載時輸入重置字段是否應獲得焦點。它反映了HTML自動對焦屬性。
用法:
- 它返回自動對焦屬性。
resetObject.autofocus
- 用於設置自動對焦屬性。
resetObject.autofocus = "true|false"
屬性值:
- true:它設置了重置字段的焦點。
- false:它具有默認值。它定義了重置字段未獲得焦點。
返回值:它返回一個布爾值,表示重置字段是否自動對焦。
範例1:本示例返回Input reset autofocus屬性。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input reset autofocus property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Input reset autofocus Property</h2>
<form id ="myGeeks">
<input type="reset" id="GeekReset" name="geeks"
value="Reset form" autofocus>
</form>
<p>
Click on below button to return the Property
</p>
<button onclick="myGeeks()">
Click Here
</button>
<p id="Geek_p" style="color:green; font-size:30px;"></p>
<!-- Script to use Input reset autofocus Property -->
<script>
function myGeeks() {
var x = document.getElementById("GeekReset").autofocus;
document.getElementById("Geek_p").innerHTML = x;
}
</script>
</body>
</html>
輸出:
單擊按鈕之前:
單擊按鈕後:
範例2:本示例說明了如何設置“輸入重置”自動對焦屬性。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input reset autofocus property
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>
DOM Input reset autofocus Property
</h2>
<form id ="myGeeks">
<input type="reset" id="GeekReset" name="geeks"
value="Reset form" autofocus>
</form>
<p>
Click on below button to set the Property
</p><br>
<button onclick="myGeeks()">
Click Here
</button>
<p id="Geek_p" style="color:green; font-size:30px;"></p>
<!-- Script to use Input reset autofocus Property -->
<script>
function myGeeks() {
var x = document.getElementById("GeekReset").autofocus
= false;
document.getElementById("Geek_p").innerHTML = x;
}
</script>
</body>
</html>
輸出:
單擊按鈕之前:
單擊按鈕後:
支持的瀏覽器:下麵列出了DOM Input Reset autofocus屬性支持的瀏覽器:
- 穀歌瀏覽器
- IE瀏覽器
- Firefox
- Opera
- Safari
相關用法
- HTML Input URL autofocus用法及代碼示例
- HTML Input Date autofocus用法及代碼示例
- HTML Input Time autofocus用法及代碼示例
- HTML Input Button autofocus用法及代碼示例
- HTML Input Email autofocus用法及代碼示例
- HTML Input Month autofocus用法及代碼示例
- HTML Input FileUpload autofocus用法及代碼示例
- HTML Input Text autofocus用法及代碼示例
- HTML Input Range autofocus用法及代碼示例
- HTML Input Password autofocus用法及代碼示例
- HTML Input Radio autofocus用法及代碼示例
- HTML Input Checkbox autofocus用法及代碼示例
- HTML Input image autofocus用法及代碼示例
- HTML Input Datetime autofocus用法及代碼示例
- HTML Input Week autofocus用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Input Reset autofocus Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。