HTML Input DatetimeLocal form用法及代码示例

HTML DOM中的Input DatetimeLocal表单属性用于返回对包含本地datetime字段的表单的引用。成功返回一个窗体对象，否则，如果日期控件不在窗体中，则返回NULL。这是一个只读属性。

用法:

datetimelocalObject.form

以下示例程序旨在说明HTML DOM中的DatetimeLocal表单属性：

例：本示例返回包含<input type =” datetime-local”>元素的表单的ID。

<!DOCTYPE html> 
<html> 
      
<head>  
    <title> 
        Input DatetimeLocal form Property 
    </title>  
</head> 
  
<body style="text-align:center;"> 
  
    <h1 style="color:green;"> 
        GeeksforGeeks 
    </h1>  
      
    <h2 style="font-family:Impact;"> 
        Input DatetimeLocal form Property 
    </h2><br> 
      
    <form id="Test_Form"> 
        Test date control:<input type="datetime-local" 
                id="Test_DatetimeLocal"> 
    </form> 
      
    <p> 
        To return the id of the form, double click 
        the "Return Form Object" button. 
    </p> 
      
    <button ondblclick="My_DatetimeLocal()"> 
        Return Form Object 
    </button> 
      
    <p id="test"></p> 
      
    <!-- Script to return the form id -->
    <script> 
        function My_DatetimeLocal() { 
            var d = document.getElementById("Test_DatetimeLocal").form.id; 
            document.getElementById("test").innerHTML = d; 
        } 
    </script> 
</body> 
  
</html>

输出：
在单击按钮之前：

单击按钮后

支持的浏览器：下面列出了Input DatetimeLocal表单属性支持的浏览器：

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

相关用法

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