创建令牌后，HTML5占位符仍保留在Tokenfield中？

Question

我在输入字段上使用Bootstrap Tokenfield。

该字段的占位符属性为“用户名”。

<input id="email-notifications" type="text" class="form-control" placeholder="Username">

当我开始在字段中输入内容时（在Chrome 31中），占位符会按预期消失。但是，一旦令牌字段验证电子邮件地址并将其设置为令牌，占位符文本就会重新出现。

Here is a fiddle整个设置

我该怎么办？

Answer 1

您可以在添加令牌后删除占位符，并在删除后将其设置回来，如果没有其他令牌。请参阅我的fiddle。

我所做的一切都是在afterCreateToken处理程序

中添加的

$('#email-notifications-tokenfield').attr('placeholder', '');

并在removeToken

内

if(!$('#email-notifications').tokenfield('getTokens').length)
   $('#email-notifications-tokenfield').attr('placeholder', 'Username');

请注意，我在#email-notifications-tokenfield字段中设置并删除了占位符。