css - 在css中将文本添加到占位符

Question

<input type='text' />

我需要在 css 中添加占位符文本，如下所示：

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

Answer 1

您不能为所有浏览器使用 CSS 设置占位符。目前唯一支持它的浏览器是 webkit。

看看这个问题：如何使用 CSS 设置占位符值？

Answer 2

你不能用 css 做到这一点。但是，您可以使用 jQuery 完成此操作，如下面的演示所示。

$(document).ready(function() {
    placeholders();
    function placeholders() {
        var count = 0;
        $('input[type=text]').each(function() {
            count++;
			$(this).attr('placeholder', 'value ' + count);
        });
    }
    
    $(document).on('click', '.delete', function() {
    	$(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>