HTML DOM Input Submit autofocus 属性
HTML DOM Input Submit autofocus 属性与 HTML <input> 元素的 autofocus 属性相关联。此属性用于设置或返回页面加载时是否应自动聚焦于提交按钮。
语法
以下是语法 −
设置 autofocus 属性 −
submitObject.autofocus = true|false
此处,true 表示应当聚焦于提交按钮,false 表示不聚焦。默认设置为 false。
示例
我们来看一个 Input Submit autofocus 属性的示例 −
<!DOCTYPE html> <html> <body> <h1> Submit Autofocus property</h1> <form action=”/Sample_page.php” style="border:solid 2px green;padding:2px"> UserName: <input type="text" id="USR"><br> Location: <input type="text" id=“Loc”><br><br> <input type="submit" id="SUBMIT1" autofocus> </form> <p>Get the submit button autofocus property value by clicking the below button</p> <button type="button()" onclick="FocusVal()">CHECK</button> <p id="Sample"></p> <script> function FocusVal(){ var f = document.getElementById("SUBMIT1").autofocus; document.getElementById("Sample").innerHTML = "The submit button autofocus property is set to: "+f; } </script> </body> </html>
输出
这将生成以下输出 −
单击 CHECK 按钮 −
广告