h：inputText - jsf不呈现占位符 [英] h:inputText - jsf does not render the placeholder

问题描述

我要创建一个landingpage，并且要通过jsf 2.0和Primefaces 3.5将数据保存在我的数据库中

I want to create a landingPage and I want to save the data in my database through jsf 2.0 and Primefaces 3.5

我的页面* .xhtml页面看起来像这样：

My page *.xhtml page looks like this:

>

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

However, I want to make it look like my HTML page:

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

Besides the CSS my h:inputText should contain a placeholder. My code looks like this:

<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>

正如您所看到的，placeholder属性不会被渲染。

As you can see the placeholder attribute doesn't get rendered. I would really appreciate any idea as to how to render that properly.

UPDATE

我的HTML代码如下所示：

My HTML code looks like this:

<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>

推荐答案

使用 p：在xhtml中，而不是您的占位符。其他视觉设计完全关于你的CSS。

Use p:watermark in xhtml instead of your placeholders. Other visual design is totally about your css.

这里看一下这个 primefaces showcase

这篇关于h：inputText - jsf不呈现占位符的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！