7

ランディングページを作成し、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>
4

3 に答える 3

10

プレースホルダーの代わりに xhtml でp:watermarkを使用します。その他のビジュアル デザインは、完全に CSS に関するものです。

このプライムフェイスのショーケースを見てください

于 2013-04-17T13:28:14.760 に答える
8

JSF 2.2 (JEE 7) の場合、名前空間を使用できます

xmlns:p="http://xmlns.jcp.org/jsf/passthrough"

次にそれを使用します。

<h:inputText value="#{bean.field}" p:placeholder="supply value"/>

これにより、生成された HTML に渡されます (注: HTML 5属性)。

http://www.adam-bien.com/roller/abien/entry/jsf_2_2_and_htmlを参照してください。

于 2014-08-19T11:27:05.603 に答える