HTML | DOM 输入时间只读属性

HTML DOM 中的DOM Input Time readOnly 属性用于设置或返回时间字段是否应该为只读。这意味着用户不能修改或更改特定元素中已经存在的内容（但是，用户可以使用 Tab 键对其进行标记、突出显示并从中复制文本），而 JavaScript 可用于更改只读值并使输入字段可编辑。

句法：

• 它用于返回 readOnly 属性。

  timeObject.readOnly

• 它用于设置 readOnly 属性。

  timeObject.readOnly = true|false

属性值：

• true：它定义了 Time 字段是只读的。
• false：它定义了时间字段不是只读的。

返回值：它返回一个布尔值，表示时间字段是否只读。

示例 1：此示例说明如何返回属性。

  

    
        DOM Input Time readOnly Property
    

  

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

  

输出：
点击按钮前：

点击按钮后：

示例 2：此示例说明如何设置属性。

  

    
        DOM Input Time readOnly Property
    

  

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

  

输出 ：

单击按钮之前：

点击按钮后：

支持的浏览器： DOM input Time readOnly 属性支持的浏览器如下：

• 谷歌浏览器
• 浏览器 10.0 +
• 火狐
• 歌剧
• 苹果浏览器