HTML | DOM 输入电子邮件 readOnly 属性

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

句法：

• 它用于返回 readOnly 属性。

  emailObject.readOnly

• 它用于设置 readOnly 属性。

  emailObject.readOnly = true|false

属性值：

• true：它定义电子邮件字段是只读的。
• false：它定义了电子邮件字段不是只读的。

返回值：它返回一个布尔值，表示电子邮件字段是否只读。

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

 
 
      
 
     
        HTML DOM Input Email readOnly Property 
     
     
  
 
  
     GeeksforGeeks 
  
    DOM Input Email readOnly Property 
  
    E-mail:  
  
     
        Click Here! 
     
      
     
      
    
     
        function myGeeks() { 
        <!--returning the readonly Property -->
            var em = document.getElementById("email").readOnly;
            document.getElementById("GFG").innerHTML =  em; 
        } 
     
 
  
                     

输出 ：
在点击按钮之前：

点击按钮后：

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

 
 
      
 
     
        HTML DOM Input Email readOnly Property 
     
     
  
 
  
     GeeksforGeeks 
  
    DOM Input Email readOnly Property 
  
    E-mail:  
  
     
        Click Here! 
     
      
     
      
    
     
        function myGeeks() { 
        <!--returning the readonly Property -->
            var em = document.getElementById("email").readOnly =false;
            document.getElementById("GFG").innerHTML =  em; 
        } 
     
 
  
                     

输出：
在点击按钮之前：

点击按钮后：

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

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