【问题标题】: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 字段中设置和删除了占位符。

    【讨论】:

      猜你喜欢
      • 2018-03-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-09-29
      • 1970-01-01
      • 2023-03-07
      • 2018-04-23
      • 1970-01-01
      相关资源
      最近更新 更多