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

Question

我在输入字段上使用自举托肯场。

该字段有一个占位符属性"Username“。

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

当我开始输入字段(在Chrome 31中)时，占位符就会像预期的那样消失。但是，一旦令牌字段验证了一个电子邮件地址并将其制作成一个令牌，占位符文本就会再次出现。

整个设置的这是一把小提琴

我能做些什么？

Answer 1

您可以在添加令牌后删除占位符，并在删除后将其设置为“如果没有更多的令牌”。请看我的小提琴。

我所做的就是在afterCreateToken处理程序中添加这个

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

而这个在removeToken里面

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

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