HTML | DOM Textarea 占位符属性

DOM Textarea placeHolder 属性用于设置或返回textarea 字段的 placeholder 属性的值。它指定了一个简短的提示，用于描述输入字段/文本区域的预期值。在 textarea 中输入值之前显示的短消息或提示。

句法：

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

  textareaObject.placeholder

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

  textareaObject.placeholder = text

属性值：

• 文本：它显示一条消息/简短提示，描述输入的预期值。

返回值：它返回一个字符串值，表示描述输入字段预期值的简短提示。

示例 1：此示例说明如何设置 textarea 占位符属性。

  

    
        
          GeeksForGeeks
      
        
        
          DOM Placeholder Textarea Property
      
      Give your Intro:
        
            
      
      
        
      Submit
  
        
            function myGeeks() {
                
                // Set hint for input field.
                document.getElementById(
                  "GFG").placeholder = 
                  "What is your Name?";
            }
        
    
  

  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

  示例 2：此示例说明如何返回 textarea 占位符属性。

    
  
      
          
            GeeksForGeeks
        
          
          
            DOM Placeholder Textarea Property
         
        Give your Intro:
                
          
          
          
          
            Submit
        
          
          
          
          
              function myGeeks() {
                  
                  // Short hint in input field.
                  var x = document.getElementById(
                    "GFG").placeholder;
                  
                  document.getElementById(
                    "sudo").innerHTML = x;
              }
          
  
    

  输出 ：

  • 点击按钮前：
    
  • 点击按钮后：
    

  支持的浏览器： Textarea Placeholder 属性支持的浏览器如下：

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