HTML | DOM 选择自动对焦属性

HTML DOM 中的Select autofocus 属性用于设置或返回下拉列表是否应在页面加载时自动获得焦点。
如果下拉列表自动获得焦点，则该属性返回 true，否则返回 false。
Select autofocus 属性反映了 HTML autofocus 属性。
返回 autofocus 属性的语法

selectObject.autofocus

设置自动对焦属性的语法

selectObject.autofocus = true|false

属性值

• true ：下拉列表获得自动对焦。
• false ：下拉列表没有获得焦点。

返回值：返回一个布尔值，表示下拉列表是否获得焦点。

下面的程序说明了 Select autofocus 属性：
示例 1：找出下拉列表是否在页面加载时自动获得焦点。

html

 

    
      Select Autofocus Property in HTML
  
    
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    

 

 
    
      GeeksforGeeks
  
    
      Select Autofocus Property
  
    
  Select your preferred course from the drop-down list:
 
    
        c++
        Placement
        Java
        Python
    
 
     

      To find out if the drop-down list
      automatically gets focused upon page load
      or not, double-click the "Check" button.
  
 
    Check
 
    
 
 
    
        function My_list() {
            var d =
                document.getElementById("Courses").autofocus;
            document.getElementById("test").innerHTML = d;
        }
    
 

 

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM Select autofocus属性支持的浏览器如下：

• 谷歌浏览器
• 浏览器 10.0 +
• 火狐
• 歌剧
• 苹果浏览器