h: inputText - JSF non rende il segnaposto

Question

voglio creare un Landingpage e voglio salvare i dati nel mio database attraverso JSF 2.0 e 3.5 primefaces

La mia pagina * .xhtml pagina si presenta così:

Tuttavia, voglio far sembrare la mia pagina HTML:

Oltre il mio CSS h: inputText dovrebbe contenere un segnaposto. Il mio codice è simile al seguente:

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

Come si può vedere l'attributo segnaposto non viene visualizzato. Gradirei davvero qualche idea su come renderlo correttamente.

UPDATE

Il mio codice HTML simile a questo:

<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

Uso p: filigrana in xhtml, invece dei vostri segnaposto. L'altro design visivo riguarda totalmente il tuo css.

Qui un'occhiata a questo primefaces showcase

Answer 2

Per JSF 2.2 (JEE 7), è possibile utilizzare lo spazio dei nomi

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

poi lo usano per esempio:

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

Questo passa attraverso il HTML generato (NB: HTML attributo).

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

Answer 3

Mi sono imbattuto in questo stesso problema e risolto. Potresti non utilizzare lo spazio dei nomi xmln corretto su quel tag.

Assicurarsi che lo spazio dei nomi xmln "h" sia mappato su PrimeFaces. Normalmente questo è mappato a "http://java.sun.com/jsf/html" e lo spazio dei nomi xmln "p" viene normalmente associato a PrimeFaces, "http://primefaces.org/ui". Se avete le mappature normali, allora avete bisogno di cambiare il xmln su quel codice per "p" invece di "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 /> 
     ...