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