How To add a placeholder to jQuery Tokeninput?

Question

How can I add a placeholder to a jQuery Tokeninput field? A normal placeholder attribute won't work in here.

Answer 1

For a input like:

<input type="text" id="myInput" />

You can do:

$("#myInput").tokenInput("/scripts/myjson.js");
$("#token-input-myInput").attr("placeholder", "Type here");

When you use tokenInput, it changes your input's id to "token-input-XXX", where XXX is the previous id

Answer 2

I think the current version of tokenInput supports this:

$(function() {
  $("#elementID").tokenInput("http://www.foo.com/bar", {
  placeholder: 'Place holder text...'
});