HTML | DOM 输入时间对象

HTML DOM 中的 Input Time 对象表示具有 type = “time” 属性的 元素。可以使用 getElementById() 方法访问时间属性。

句法：

document.getElementById("id");

其中 id 分配给 标签。

属性值：

• list：返回包含时间字段的数据列表的引用。
• form：它返回包含时间字段的表单的引用。
• autocomplete：用于设置或返回时间字段的自动完成属性的值。
• autofocus：用于设置或返回页面加载时时间字段是否应自动获得焦点。
• defaultvalue：用于设置或返回时间字段的默认值。
• disabled：用于设置或返回时间字段是否禁用。
• max：用于设置或返回时间字段的max属性值。
• min：用于设置或返回时间字段的 min 属性值。
• name：用于设置或返回时间字段的name属性值。
• readOnly：用于设置或返回时间字段是否为只读。
• required：用于设置或返回提交表单前是否必须填写时间字段。
• size：用于设置或返回时间字段的size属性值。
• type：它返回时间字段所属的表单元素的类型。
• value：用于设置或返回时间字段的value属性的值。

示例 1：此示例描述了 getElementById() 方法以访问具有 type = “time” 属性的 元素。

html

    
        
            DOM Input Time Object
        
    
     
    
        
            
                GeeksForGeeks
            
             
            DOM Input Time Object
                 
            
                Enter time
            
             
            
             
            
                 
            
                Click
            
             
            
 
             
            
                function geeks() {
                    var link = document.getElementById("gfg").value;
                    document.getElementById("GFG").innerHTML = link;
                }
            
        
    

输出：
点击按钮前：

点击按钮后：

示例 2：此示例描述了使用 document.createElement() 方法创建具有 type = “time” 属性的 元素。

html

    
        
            DOM Input URL Object
        
    
     
    
    
        
            GeeksForGeeks
        
             
        DOM Input time Object 
                 
        
              
                Enter time
        
           
 
        
            Click
        
             
        
             
        
            function myGeeks() {
                var link = document.createElement("INPUT");
                link.setAttribute("type", "time");
                link.setAttribute("value", "08:08:19");
                document.getElementById("GFG").appendChild(link);
            }
        
        
    
                    

输出：
点击按钮前：

点击按钮前：

支持的浏览器：

• 谷歌浏览器
• Internet Explorer（IE 12 之后）
• 歌剧
• 苹果浏览器