InputText extends standard InputText with skinning capabilities.
<div class="card">
<h5>Basic</h5>
<p:inputText/>
<h5>Floating Label</h5>
<span class="p-float-label">
<p:inputText id="float-input" value="#{inputTextView.text}"/>
<p:outputLabel for="@previous" value="Username"/>
</span>
<h5>Left Icon</h5>
<span class="p-input-icon-left">
<i class="pi pi-search" />
<p:inputText placeholder="Search" />
</span>
<h5>Right Icon</h5>
<span class="p-input-icon-right">
<i class="pi pi-spin pi-spinner" />
<p:inputText />
</span>
<h5>Help Text</h5>
<div class="field">
<p:outputLabel for="username1" styleClass="block">Username</p:outputLabel>
<p:inputText id="username1" styleClass="block"/>
<small class="block">Enter your username to reset your password.</small>
</div>
<h5>Invalid</h5>
<div class="field">
<p:outputLabel for="username2" styleClass="block">Username</p:outputLabel>
<p:inputText id="username2" styleClass="block p-state-error"/>
<small class="block p-state-error">Username is not available.</small>
</div>
<h5>Disabled</h5>
<p:inputText disabled="true" />
</div>