HTML <textarea> placeholder属性用法及代码示例

HTML中的<textarea>占位符属性用于指定在用户在textarea元素中输入之前要显示的期望值。

用法:

<textarea placeholder="text">

属性值：此属性包含单个值文本，该文本是在用户输入之前要显示的初始字符串。

范例1：本示例使用<textarea>占位符属性来显示textarea占位符描述。

<!DOCTYPE html>  
<html>  
  
<head>  
    <title> 
        HTML Textarea placeholder Attribute 
    </title>  
</head>  
  
<body style = "text-align:center">      
      
    <h1 style = "color:green;"> 
        GeeksforGeeks 
    </h1>  
          
    <h2> 
        HTML Textarea placeholder Attribute 
    </h2>  
          
    Description:<textarea placeholder
        ="Write some description here..."></textarea>  
</body>  
  
</html>

输出：
textareaplaceholder

范例2：本示例使用<textarea>占位符属性来显示textarea占位符描述。

<!DOCTYPE html>  
<html>  
  
<head>  
    <title>HTML Textarea placeholder Attribute</title>  
  
    <style> 
        textarea::-webkit-input-placeholder { 
            color:#0bf; 
        } 
          
        /* Firefox 18- */ 
        textarea:-moz-placeholder { 
            color:#0bf;  
        } 
          
        /* Firefox 19+ */ 
        textarea::-moz-placeholder { 
            color:#0bf;  
        } 
      
        textarea:-ms-input-placeholder { 
            color:#0bf;  
        } 
      
        textarea::placeholder { 
            color:green;  
        } 
    </style> 
</head> 
  
<body style = "text-align:center">      
    <h1 style = "color:green;"> 
        GeeksforGeeks 
    </h1>  
          
    <h2> 
        HTML Textarea placeholder Attribute 
    </h2>  
      
    <textarea placeholder="GeeksforGeeks is the computer"
        + " science portal for geeks."></textarea> 
          
</body>  
  
</html>

输出：
textareaplaceholder

支持的浏览器：<textarea>占位符属性支持的浏览器如下：

苹果Safari 5.0
谷歌浏览器
Firefox 4.0
Opera 11.5
Internet Explorer 10.0

相关用法

注：本文由纯净天空筛选整理自Vishal Chaudhary 2大神的英文原创作品 HTML | <textarea> placeholder Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。