HTML | DOM 输入 URL 只读属性

DOM Input URL readOnly 属性用于设置或返回URL 字段是否应为只读。这意味着用户不能修改或更改特定元素中已经存在的内容（但是，用户可以选择它，突出显示它并从中复制文本），而 JavaScript 可用于更改只读值并使输入字段可编辑。

句法：

• 它用于返回 readOnly 属性。

  urlObject.readOnly

• 它用于设置 readOnly 属性。

  urlObject.readOnly = true|false

  属性值：

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

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

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

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

  输出：
  点击按钮前：
  

  点击按钮后：
  

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

    
  
      
          DOM Input URL readOnly Property
      
  
    
  
      
           
                  GeeksForGeeks 
              
    
          
            DOM Input URL readOnly Property
        
    
          
              Enter URL
          
    
          
    
          
          
    
          
              Click
          
    
          
        
    
          
              function geeks() {
                  
                  // Set the read only property.
                  var link = 
                      document.getElementById(
                        "gfg").readOnly = false;
                  
                  document.getElementById(
                    "GFG").innerHTML = link;
              }
          
      
  
    

  输出 ：
  点击按钮前：
  

  点击按钮后：
  

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

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