Question

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

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

https://members.argentumfx.co.uk

顶部字段用于＆＃39;电子邮件＆＃39;占位符和底部字段用于＆＃39;密码＆＃39;占位符。

以下是我正在寻找的一个例子：

View Placeholder Mockup

#user_login是电子邮件字段的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

没有任何图书馆：

  "styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.css",
    "../node_modules/bootstrap-datepicker/dist/css/bootstrap-datepicker.css",
    "../node_modules/bootstrap-timepicker/css/bootstrap-timepicker.css",
    "styles.scss"
  ],

尝试通过JS / jQuery添加不同的占位符文本

2 个答案: