尝试通过 JS/jQuery 添加各种占位符文本

Question

作为我网站设置的一部分，我使用了一个使用简码生成的登录表单；因此，我无法在表单的 HTML 中添加占位符属性，所以我唯一的选择是使用 JS/jQuery 添加它。不幸的是，这是我不熟悉的网站开发领域。

我需要添加 2 个不同的占位符文本，一个用于 'Email' 字段，另一个用于 'Password' 字段。为了使这更容易，您可以在此处查看表格：

顶部字段用于 'Email' 占位符，底部字段用于 'Password' 占位符。

这是我正在寻找的示例：

View Placeholder Mockup

#user_login是Email字段的ID； #user_pass 是密码字段的 ID。

有人可以为我提供一些 JS/jQuery 来完成这个任务吗？

Answer 1

如果你有jQuery，你可以使用attr方法在每个输入上设置占位符属性。

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

Answer 2

没有任何图书馆：

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

Trying to add varied placeholder text via JS/jQuery