HTML Input DatetimeLocal autofocus用法及代码示例

HTML DOM中的Input DatetimeLocal autofocus属性用于设置或返回Local Datetime字段的自动对焦。如果“本地日期时间”字段在页面加载时自动获得焦点，则“本地日期时间”自动聚焦属性返回true，否则返回false。 HTML自动聚焦属性由Datetime自动聚焦属性反映。

用法:

它返回自动对焦属性。
```
LocaldatetimeObject.autofocus
```

设置自动对焦属性。

LocaldatetimeObject.autofocus = true | false

属性值：

true | false：它用于指定页面加载时本地datetime字段是否应获得焦点。

以下示例程序旨在说明DatetimeLocal自动对焦属性：

范例1：本示例返回Input DatetimeLocal autofocus属性的值。

<!DOCTYPE html>  
<html>  
  
<head>  
    <title> 
        HTML DOM Input DatetimeLocal autofocus Property 
    </title>  
      
    <style>  
        h1 {  
            color:green;  
        }  
          
        h2 {  
            font-family:Impact;  
        }  
          
        body {  
            text-align:center;  
        }  
    </style>  
</head>  
  
<body>  
    <h1>GeeksforGeeks</h1>  
      
    <h2> 
        HTML DOM Input DatetimeLocal autofocus Property 
    </h2>  
  
    <input type="datetime-local"
        id="test" autofocus>  
  
    <p> 
        Double Click to return the autofocus Property. 
    </p>  
  
    <button ondblclick="Access()">Access</button>  
  
    <p id="check"></p>  
  
    <script>  
        function Access() {  
              
            // Accessing input element type value  
            var a = document.getElementById(  
                    "test").autofocus;  
              
            document.getElementById(  
                    "check").innerHTML = a;  
        }  
    </script>  
</body>  
  
</html>

Output:

在单击按钮之前：
单击按钮后：

范例2：本示例设置Input DatetimeLocal自动对焦属性的值。

<!DOCTYPE html>  
<html>  
  
<head>  
    <title> 
        HTML DOM Input DatetimeLocal autofocus Property 
    </title>  
      
    <style>  
        h1 {  
            color:green;  
        }  
          
        h2 {  
            font-family:Impact;  
        }  
          
        body {  
            text-align:center;  
        }  
    </style>  
</head>  
  
<body>  
    <h1>GeeksforGeeks</h1> 
      
    <h2> 
        HTML DOM Input DatetimeLocal autofocus Property 
    </h2>  
  
    <input type="datetime-local"
        id="test" autofocus>  
  
    <p>Double Click to set the autofocus Property.</p>  
  
    <button ondblclick="Access()">Access</button>  
  
    <p id="check"></p>  
  
    <script>  
        function Access() {  
              
            // Accessing input element type value  
            var a = document.getElementById(  
                    "test").autofocus = "false";  
              
            document.getElementById(  
                    "check").innerHTML = a;  
        }  
    </script>  
  
</body>  
  
</html>

Output:

在单击按钮之前：
单击按钮后：

支持的浏览器：下面列出了HTML DOM Input DatetimeLocal autofocus属性支持的浏览器：

谷歌浏览器
IE浏览器
Firefox
苹果Safari
Opera

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Input DatetimeLocal autofocus Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。