【问题标题】:HTML5 placeholder remains in Tokenfield after tokens created?创建令牌后,HTML5 占位符仍保留在 Tokenfield 中吗?
【发布时间】:2013-12-09 20:32:45
【问题描述】:
我在输入字段上使用Bootstrap Tokenfield。
该字段有一个占位符属性“用户名”。
<input id="email-notifications" type="text" class="form-control" placeholder="Username">
当我开始在字段中输入时(在 Chrome 31 中),占位符会按预期消失。但是,一旦令牌字段验证了电子邮件地址并将其制成令牌,占位符文本就会重新出现。
Here is a fiddle 整个设置
对此我能做些什么?
【问题讨论】:
标签:
javascript
jquery
html
twitter-bootstrap
tokenize
【解决方案1】:
您可以在添加令牌后删除占位符,并在删除后重新设置,如果没有更多的令牌。请看我的fiddle。
我所做的一切都是在afterCreateToken处理程序中添加的
$('#email-notifications-tokenfield').attr('placeholder', '');
这个在removeToken
if(!$('#email-notifications').tokenfield('getTokens').length)
$('#email-notifications-tokenfield').attr('placeholder', 'Username');
请注意,我在 #email-notifications-tokenfield 字段中设置和删除了占位符。