プレースホルダがPrimeFacesで動作していないp：inputText

Question

PrimeFaces inputTextテキストボックスを使用してユーザー入力を取得しようとしています。プレースホルダ属性を追加しても、テキストはテキストボックスに表示されません。これに含める必要があるライブラリはありますか？以下は私のjsfページです。

<ui:composition template="/template/master-layout.xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets" 
      xmlns:f="http://java.sun.com/jsf/core" 
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:p="http://primefaces.org/ui"> 
    <ui:define name="head"> test header </ui:define> 

    <ui:define name="meta"> 
     <f:metadata> 
      <f:event type="preRenderView" listener="#{HomeBean.initPage}"></f:event> 
     </f:metadata> 
    </ui:define> 
     <ui:define name="mainContainer"> 
     <div class="row"> 
      <div class="col-sm-12"> 
      <p:inputText placeholder="Your ID" styleClass="form-control service-input-border" maxlength="20" id="Id" 
       value="#{homeBean.Id}"></p:inputText> 
     </div> 
     </div> 
    </ui:define> 
</ui:composition> 

Answer 1

プレースホルダを表示するには、watermarkタグを使用する必要があります。

<p:inputText styleClass="form-control service-input-border" maxlength="20" id="Id" value="#{homeBean.Id}"></p:inputText> 
<p:watermark for="Id" value="Your ID" id="watermark" /> 

showcaseすぎ

Answer 2

アポストロスの答えは良いですが、私はパススルー属性を使用して好む。を参照してください。 JSF> = JSF 2.2を使用している場合は、を使用できます。

新しい名前空間http://xmlns.jcp.org/jsf/passthroughを使用して、任意のHTML属性（たとえば、入力/コンパクトに追加されていないもの）を使用します。あなたの場合はplaceholderになります。

<ui:composition template="/template/master-layout.xhtml" 
     xmlns:ui="http://xmlns.jcp.org/jsf/facelets" 
     xmlns:f="http://xmlns.jcp.org/jsf/core" 
     xmlns:h="http://xmlns.jcp.org/jsf/html" 
     xmlns:p="http://primefaces.org/ui" 
     xmlns:pt="http://xmlns.jcp.org/jsf/passthrough">  

<!-- ... --> 

<p:inputText pt:placeholder="Your ID" styleClass="form-control service-input-border" 
    maxlength="20" id="Id" value="#{homeBean.Id}" /> 

あなたはパススルーがhereとhere属性についての詳細を読むことができます。