Watermark

Watermark displays a hint about input fields by using native placeholder in supported browsers and a javascript solution in others browser compatibility.


Source

<h:form>

	<p:messages showDetail="true"/>

	<h:panelGrid columns="3">

		<h:outputLabel value="Search: "/>
		<p:inputText id="keyword" value="#{watermarkBean.keyword}" required="true" label="Keyword" />
		<p:watermark for="keyword" value="Search with a keyword" />

	</h:panelGrid>

	<p:commandButton actionListener="#{watermarkBean.search}" value="Regular" ajax="false" />
	<p:commandButton actionListener="#{watermarkBean.search}" value="Ajax" onclick="PrimeFaces.cleanWatermarks();" oncomplete="PrimeFaces.showWatermarks();"  />

</h:form>