我想创建一个 landingPage，我想通过 jsf 2.0 和 Primefaces 3.5 将数据保存在我的数据库中

我的页面 *.xhtml 页面如下所示:

但是，我想让它看起来像我的 HTML 页面:

除了 CSS，我的 h:inputText 还应该包含一个占位符。我的代码如下所示:

<h:form class="homepage_invitee_form" action="" method="POST">
    <h:inputText name="email" placeholder="Email Address"
                 id="email_address_new" type="text placeholder" />
    <br />
    <h:inputText name="firstName" placeholder="First Name"
                 id="firstname_new" type="text placeholder" />
    <h:inputText name="lastName" placeholder="Last Name"
                 id="lastname_new" type="text placeholder" />
    <br />
    <h:button value="Request Invitation" type="submit" class="btn btn-primary opal_btn"
              id="submit_form_new" />
</h:form>

如您所见，占位符属性未呈现。如果有任何关于如何正确渲染它的想法，我将不胜感激。

更新

我的 HTML 代码如下所示:

<form class="homepage_invitee_form" action="" method="POST">
    <input name="email" placeholder="Email Address" id="email_address_new" type="text placeholder"><br>
    <input name="firstName" placeholder="First Name" id="firstname_new" type="text placeholder">
    <input name="lastName" placeholder="Last Name" id="lastname_new" type="text placeholder"><br> 
    <button type="submit" class="btn btn-primary opal_btn" id="submit_form_new">Request Invitation</button>
</form>

最佳答案

在 xhtml 中使用 p:watermark 而不是占位符。其他视觉设计完全与您的 CSS 有关。

这里看这个primefaces showcase

关于java - h :inputText - jsf does not render the placeholder，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16061072/