HTML | DOM 输入编号 readOnly 属性

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

语法：

• 它用于返回 readOnly 属性。

  numberObject.readOnly

• 它用于设置 readOnly 属性。

  numberObject.readOnly = true|false

属性值：

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

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

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

 
 
  
     
  
         
            GeeksForGeeks 
         
  
        DOM Input Number readOnly Property 
  
         
         
            Click Here! 
         
  
         
  
         
            function myFunction() { 
                  
                // Accessing input value 
                var x = 
                document.getElementById("myNumber").readOnly; 
                document.getElementById( 
                "demo").innerHTML = x; 
            } 
         
  
     
  
                    

输出：
在点击按钮之前：

点击按钮后：

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

 
 
  
     
  
         
            GeeksForGeeks 
         
  
        DOM Input Number readOnly Property 
  
         
         
            Click Here! 
         
  
         
  
         
            function myFunction() { 
                  
                // Accessing input value 
                var x = 
                document.getElementById("myNumber").readOnly = false; 
                document.getElementById("demo").innerHTML = x; 
            } 
         
  
     
  
                    

输出：
在点击按钮之前：

点击按钮后：

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

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