placeholder for tagit input field

Question

I am using tagit plugin for tagging and bootstrap for design in my website. I want to show placeholder text in the tagit input field.

Already tried:

$("#input_id").tagit({placeholder: 'placeholder text'})

But, it is not showing "placeholder text" as default text in tagit input field.

Any help will be appreciated.

Thanks!

Kumari Manisha · Accepted Answer · 2016-01-07 11:39:33Z

Its solved, i was setting the wrong attribute. Instead

$("#input_id").tagit({placeholder: 'placeholder text'})

it should be

$("#input_id").tagit({placeholderText: 'placeholder text'})

Rohit Azad Malik · Accepted Answer · 2016-01-07 11:22:55Z

HI now you can try to javascript as like this

setAttribute() Method

var rohit = document.getElementById('input_id'); rohit.setAttribute("placeholder", "placeholder text");

<input id="input_id" type="text" >

grey87 · Accepted Answer · 2018-07-09 11:58:04Z

If you want to show placeholder once use simple:
$("#input_id").tagit({placeholderText: 'Placeholder text'});

or if you want change one dynamic - use:
$("#input_id").data("ui-tagit").tagInput.attr("placeholder", "New placeholder text");

3 Answers 3