HTML | DOM 输入搜索 readOnly 属性

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

语法：

• 它用于返回 readOnly 属性

  searchObject.readOnly

• 它用于设置 readOnly 属性。

  searchObject.readOnly = true|false

属性值：

• true：它定义搜索字段是只读的。
• false：它定义搜索字段不是只读的。

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

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

  

    
      Input Search readOnly Property
  
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    Input Search readOnly Property
    
        
    
    
    
    
      click here
    
  
    
  
  
    
        function Access() {
  
            // type="search" 
            var s = document.getElementById(
                "test").readOnly;
            
            document.getElementById(
                "check").innerHTML = s;
        }
    
  

  

输出：
点击按钮前：

点击按钮后：

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

  

    
      Input Search readOnly Property
  
    
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    Input Search readOnly Property
    
        
    
    
    
    
      click here
    
  
    
  
  
    
        function Access() {
  
            // type="search" 
            var s = document.getElementById(
                "test").readOnly = false;
            
            document.getElementById(
                "check").innerHTML = s;
        }
    
  

  

输出 ：
点击按钮前：

点击按钮后：

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

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