我想在JavaEE项目中为输入文本元素添加图标:
<h:panelGroup styleClass="md-inputfield">
<p:inputText id="name"
value="#{createCustomerView.customer.name}" required="true"
label="Nome" requiredMessage="inserisci il nome">
<f:validateLength minimum="2" />
</p:inputText>
<p:outputLabel for="name" value="Nome" />
<p:message for="name" display="icon" />
</h:panelGroup>
如何添加图标,例如人物图标?
您可以使用Primefaces输入组。请参阅https://www.primefaces.org/showcase/ui/input/inputGroup.xhtml
<div class="ui-inputgroup">
<span class="ui-inputgroup-addon"><i class="pi pi-user"></i></span>
<p:inputText placeholder="Username" />
</div>
但是请记住,您确实需要通过将其添加到h:head
中来添加PrimeIcons。>
((如https://www.primefaces.org/showcase/ui/misc/primeicons.xhtml中所述)
[请注意,input group不是组件,而是一组CSS规则。这些规则已在PrimeFaces 7中添加。如果您使用的是PrimeFaces的较旧版本,出于许多其他原因进行升级是个好主意,但如果确实不能,则可以始终将CSS rules作为自定义样式添加到自己的项目中。 。