Попытка добавления разнообразного текста заполнителя через JS/jQuery

Question

Как часть настройки моих сайтов, я использую форму для входа, которая создается с помощью короткого кода; из-за этого я не могу добавить атрибут placeholder в HTML формы, поэтому мой единственный вариант - добавить его с помощью JS/jQuery. К сожалению, это область разработки веб-сайта, с которой я не знаком.

Мне нужно добавить 2 разных текста заполнителя, один для поля «Электронная почта», а другой - для поля «Пароль». Для облегчения этой задачи вы можете просмотреть форму здесь:

https://members.argentumfx.co.uk

Верхнее поле для «Электронная почта» заполнитель и нижнее поле для «Пароль» заполнителем.

Вот пример того, что я ищу:

View Placeholder Mockup

#user_login является идентификатором поля электронной почты; #user_pass - это идентификатор поля Пароль.

Возможно, кто-то предоставит мне JS/jQuery для достижения этой задачи?

Answer 1

Без каких-либо библиотек:

document.getElementById("user_login").setAttribute("placeholder","Email Address"); 

Answer 2

Если у вас есть jQuery, вы можете использовать метод attr для установки атрибута placeholder на каждом входе.

$(function() { 
    $('input#user_login').attr('placeholder', 'Email Address'); 
    $('input#user_pass').attr('placeholder', 'Password'); 
});