h: inputText - JSF nie czyni zastępczy

Question

Chcę stworzyć landing page i chcę, aby zapisać dane w mojej bazy danych za pomocą JSF 2.0 i Primefaces 3,5

Moja strona * .xhtml strona wygląda tak:

Jednakże chcę, aby wyglądał jak mojej stronie HTML:

oprócz CSS mój h: inputText powinien zawierać symbol zastępczy. Mój kod wygląda następująco:

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

Jak widać, symbol zastępczy nie jest renderowany. Naprawdę doceniam każdy pomysł, jak to zrobić poprawnie.

UPDATE

Moje HTML kod wygląda następująco:

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

Answer 1

Zastosowanie p: Znak wodny w xhtml zamiast swoimi symbolami. Inny wizualny projekt jest całkowicie o twoim css.

Tutaj spojrzeć na ten primefaces showcase

Answer 2

Dla JSF 2,2 (JEE 7), można użyć nazw

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

następnie używać go np:

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

To przenosi go do wygenerowany kod HTML (uwaga: atrybut HTML).

Zobacz http://www.adam-bien.com/roller/abien/entry/jsf_2_2_and_html.

Answer 3

Wpadłem na ten sam problem i naprawiłem go. Być może nie używasz odpowiedniej przestrzeni nazw xmln w tym tagu.

Upewnij się, że przestrzeń nazw xmln "h" jest zamapowana na PrimeFaces. Zwykle jest on mapowany na "http://java.sun.com/jsf/html", a przestrzeń nazw xmln "p" jest zwykle odwzorowywana na PrimeFaces, "http://primefaces.org/ui". Jeśli masz normalne mapowania to trzeba zmienić xmln tego kodu na „p” zamiast „h”:

 

    <h:form class="homepage_invitee_form" action="" method="POST"> 
     <p:inputText name="email" placeholder="Email Address" 
     id="email_address_new" type="text placeholder" /> 
     <br /> 
     ...