添加文本在CSS

Question

<input type='text' /> 

爲佔位符我需要添加CSS佔位符文本，這樣的事情：

input:placeholder{content: 'placeholder text';} 

Answer 1

使用CSS的所有瀏覽器都不能設置佔位符。目前唯一支持它的瀏覽器是webkit。

看看這個問題：How to set placeholder value using CSS?

Answer 2

你不能用CSS做到這一點。不過，您可以使用jQuery來完成此操作，如下面的演示所示。

$(document).ready(function() { 
 
    placeholders(); 
 
    function placeholders() { 
 
     var count = 0; 
 
     $('input[type=text]').each(function() { 
 
      count++; 
 
\t \t \t $(this).attr('placeholder', 'value ' + count); 
 
     }); 
 
    } 
 
    
 
    $(document).on('click', '.delete', function() { 
 
    \t $(this).closest('div').remove(); 
 
     placeholders(); 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <input type="text"/><button class="delete">DELETE</button> 
 
</div> 
 
<div> 
 
    <input type="text"/><button class="delete">DELETE</button> 
 
</div> 
 
<div> 
 
    <input type="text"/><button class="delete">DELETE</button> 
 
</div> 
 
<div> 
 
    <input type="text"/><button class="delete">DELETE</button> 
 
</div>