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

【问题标题】：Trying to add varied placeholder text via JS/jQuery尝试通过 JS/jQuery 添加各种占位符文本
【发布时间】：2017-06-23 17:04:02
【问题描述】：

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

我需要添加 2 个不同的占位符文本，一个用于“电子邮件”字段，另一个用于“密码”字段。为方便起见，您可以在此处查看表单：

顶部字段用于“电子邮件”占位符，底部字段用于“密码”占位符。

这是我正在寻找的示例：

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

请问有人可以提供一些 JS/jQuery 来完成这项任务吗？

【问题讨论】：

【解决方案1】：

没有任何库：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：