h: input - JSF nicht machen nicht den Platzhalter

Question

ich eine Landingpage erstellt werden soll, und ich möchte die Daten in der Datenbank durch JSF 2.0 und Primefaces sparen 3.5

Meine Seite * .xhtml Seite sieht wie folgt aus:

Allerdings möchte ich es wie meine HTML-Seite aussehen:

Neben Das CSS my h: inputText sollte einen Platzhalter enthalten. Mein Code sieht wie folgt aus:

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

Wie Sie das Platzhalter-Attribut nicht gerendert bekommen nicht sehen kann. Ich würde wirklich jede Idee schätzen, wie man das richtig macht.

UPDATE

Mein HTML-Code sieht wie folgt aus:

<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

Verwenden p: Wasserzeichen in xhtml statt Ihrer Platzhalter. Anderes visuelles Design ist total über dein CSS.

sehen Hier an dieser primefaces showcase

Answer 2

Für JSF 2.2 (JEE 7), können Sie den Namespace verwenden

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

dann verwenden, zB:

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

Dies geht durch die generierte HTML (NB: HTML Attribut).

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

Answer 3

Ich lief in das gleiche Problem und reparierte es. Möglicherweise verwenden Sie nicht den richtigen xmln-Namespace für dieses Tag.

Stellen Sie sicher, dass der Namespace "h" xmln PrimeFaces zugeordnet ist. Normalerweise wird dies auf "http://java.sun.com/jsf/html" abgebildet und der xmln-Namespace "p" wird normalerweise PrimeFaces "http://primefaces.org/ui" zugeordnet. Wenn Sie die normalen Zuordnungen haben, dann müssen Sie an diesem Code die xmln ändern, um „p“ statt „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 /> 
     ...