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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。