Bootstrap 4表单中奇怪的“占位符”行为

Question

我有一个使用.ejs构建的页面，并且此页面正在使用Bootstrap4。一切似乎都可以正常渲染，除了出于某种原因，我的“占位符”没有显示在渲染器中传递的整个值...它们只是部分显示。

我的主要（Node.js）脚本，我在其中传递了渲染信息：

    app.get('/_joinup', csrfProtection, function (req, res) {
    res.render('pages/registration', {mailer: "valid email please", credkey: "password please", errors: {}, csrfToken: req.csrfToken()});
    });

“注册” .ejs页面中的表格：

    <!-- LOGIN FORM -->
    <form action="/_join_up" method="post">
     <div class="form-group">
      <label>Email</label>
      <input type="text" class="form-control" name="email" placeholder=<%= mailer %> required>
     </div>
     <div class="form-group">
      <label>Password</label>
      <input type="password" class="form-control" name="password" placeholder=<%= credkey %> required>
     </div>

     <button type="submit" class="btn btn-warning btn-lg">Signup</button>
    </form> 

我看到的是，通过的<%= mailer %>在表单输入控件中仅读为“有效”（而不是“请发送有效的电子邮件”），而通过的<%= credkey %>仅读为“密码” （而不是“请输入密码”）。
是什么原因造成的？似乎截止值是传递值中的“空格” ...如果这是原因，那么我该如何纠正呢？我先谢谢你。