HTML | DOM 输入日期自动对焦属性

Date autofocus属性用于设置或返回日期字段在页面加载时是否应自动获得焦点。
如果日期字段自动获得页面加载的焦点，则返回 true，否则返回 false。
HTML autofocus 属性由 Date autofocus 属性反映。
句法：

• 返回 autofocus 属性：

dateObject.autofocus

• 设置自动对焦属性：

dateObject.autofocus = true|false

适当的价值：

• true|false ：用于指定日期字段在页面加载时是否应获得焦点。

返回值：它返回一个布尔值，表示输入日期字段是否获得焦点。

下面的程序说明了日期自动对焦属性：
找出日期字段是否在页面加载时自动获得焦点。
示例 1：

html

 

    Input Date autofocus Property in HTML
    
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    

 

 
    GeeksforGeeks
    Input Date autofocus Property
    
 
    
 
     
 
To find out whether the date field automatically gets
      focus on page load or not, double click the "Check" button.
 
 
 
    Check
 
    
 
 
 
    
        function My_Date() {
            var d = document.getElementById("test_Date").autofocus;
            document.getElementById("test").innerHTML = d;
        }
    
 

 

输出：
前：

点击按钮后：

示例 2：下面的代码设置了 autofocus 属性。

HTML

 

    
        HTML DOM Input Date autofocus Property
    
     
    
        h1 {
            color: green;
        }
         
        h2 {
            font-family: Impact;
        }
         
        body {
            text-align: center;
        }
    

 

    GeeksforGeeks
     
    
        HTML DOM Input Date autofocus Property
    
 
    
 
     
 
Double Click to set the autofocus Property.
 
 
 
    set autofocus
 
    
 
 
 
    
        function Access() {
             
            // Accessing input element type value
            var a = document.getElementById(
                    "test").autofocus = "false";
             
            document.getElementById(
                    "check").innerHTML = a;
        }
    
 

 

输出：

前：

点击按钮后：

支持的网络浏览器：

• 苹果Safari
• IE浏览器
• 火狐
• 谷歌浏览器
• 歌剧