可编辑区域(如div contenteditable)怎么实现placeholder


<!DOCTYPE html>  
<head>  
    <title>document.selection 的 createRange</title>  
    <style>
      .input{
          width:200px;
          min-height:24px;
          font-size:14px;
          padding:5px 8px;
          border:1px solid #ddd;
    }
    .input:empty::before {
        content: attr(placeholder);
    }
    </style>
</head>  
<body>   
    <div class='input' contenteditable placeholder='请输入文字'></div>
</body>  
</html> 
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容