Adding placeholder attribute using Jquery

Question

I have a simple problem  I just want to add a placeholder on an input  Here s the code   HTML   lt input type  text  name  link  class  hidden  gt   JQuery  var link   document querySelector   link        link style display  block       link classList remove  hidden        if val     1      for a movie         link classList add  placeholder  Add Movie Title            else     for an external link         link classList add  placeholder  Add External Link           As you can see  the placeholder doesn t work because the syntax is wrong  I searched related solutions to my problem but they use a different method like this        attr  placeholder    Type here to search         but I need something that is similar to what I used with adding style  but I m not sure if there s other way to do it  Is there a similar way

User · Answer

This line of code might not work in IE 8 because of native support problems.

$(".hidden").attr("placeholder", "Type here to search");

You can try importing a JQuery placeholder plugin for this task. Simply import it to your libraries and initiate from the sample code below.

$('input, textarea').placeholder();

User · Answer

You just need this       hidden   attr  placeholder    Type here to search      classList is used for manipulating classes and not attributes

User · Answer

Try something like the following if you want to use pure JavaScript   document getElementsByName  link   0  placeholder  Type here to search

User · Answer

you just need to put this           form email id for label      attr  placeholder   Work email address              form password1 id for label      attr  placeholder   Password

[jquery] Adding placeholder attribute using Jquery

Examples related to jquery