HTML | DOM 输入文本只读属性

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

句法：

• 它返回 readOnly 属性。

textObject.readOnly

• 它用于设置只读属性。

textObject.readOnly = true|false

属性值：它接受下面列出的两个值：

• true：它定义文本字段是只读的。
• false：它定义文本字段不是只读的。

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

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

HTML

 

    
        HTML DOM Input Text readOnly Property
    

 

 
    GeeksForGeeks
 
    DOM Input Text readOnly Property
     
    
        
    
     
    Click Here!
     
    
  
     
    
    
        function myGeeks() {
            var txt = document.getElementById("text_id").readOnly;
            document.getElementById("GFG").innerHTML = txt;
        }
    

 

输出：
点击按钮前：

点击按钮后：

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

HTML

 

    
        HTML DOM Input Text readOnly Property
    

 

 
    GeeksForGeeks
 
    DOM Input Text readOnly Property
     
    
        
    
     
    Click Here!
     
    
  
     
    
    
        function myGeeks() {
            var txt = document.getElementById("text_id").readOnly
                    = false;
                     
            document.getElementById("GFG").innerHTML = txt;
        }
    

 
                   

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM Input Text readOnly 属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器