HTML | DOM 输入电子邮件占位符属性

DOM 输入电子邮件占位符属性用于设置或返回电子邮件字段的占位符属性的值。 placeholder 属性指定了一个简短的提示，用于描述输入字段/文本区域的预期值。在用户输入值之前，简短提示会显示在字段中。

句法：

• 它用于返回占位符属性。

  emailObject.placeholder

• 它用于设置占位符属性。

  emailObject.placeholder = text

适当的价值：

• text：它定义了一个简短的提示，描述了电子邮件字段的预期值。

返回值：它返回一个字符串值，该值表示描述电子邮件字段的预期值的简短提示。

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

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

输出：
在点击按钮之前：

点击按钮后：

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

 
 
      
 
     
        HTML DOM Input Email placeholder Property 
     
     
  
 
  
     GeeksforGeeks 
  
    DOM Input Email placeholder Property 
  
    E-mail:  
  
     
        Click Here! 
     
      
     
      
    
     
        function myGeeks() { 
        <!--setting the multiple Property -->
            var em = document.getElementById("email").placeholder =
                                           "Input Your Email Address";
            document.getElementById("GFG").innerHTML 
              = "The value of the placeholder attribute was changed to :" 
                 + em; 
        } 
     
 
  
                     

输出：
在点击按钮之前：

点击按钮后：

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

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