Complément au champ de saisie

Permet d'ajouter un préfixe et/ou un suffixe à un champ de formulaire.

Commentaire

Ce tag ne peut pas s'utiliser seul. Il peut être inclus dans le corps d'un champ de formulaire pour lui apporter un préfixe (position="start") ou un suffixe (position="end"). Ces compléments permettent d'ajouter une icône par exemple.

<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" trimDirectiveWhitespaces="true" %>

<%@ taglib prefix="kuik" uri="kuik" %>

<kuik:form-field-input id="mobile" type="phone">
    <kuik:form-field-control-addon position="start">
        <kuik:icon title="Téléphone" size="md" source="icon://ui/phone" />
        <span class="visually-hidden">Téléphone</span>
    </kuik:form-field-control-addon>
</kuik:form-field-input>

Name	Type	Required	Description
position	java.lang.String	true	Position de l'addon : start OU end

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<%@ attribute name="position" type="java.lang.String" required="true" description="Position de l'addon : start OU end" %>

<c:if test="${
    (requestScope.__formFieldInputStep eq 'controlstart' and pageScope.position eq 'start')
    or (requestScope.__formFieldInputStep eq 'controlend' and pageScope.position eq 'end')
}">
    <div class="form-field__icon">
        <jsp:doBody />
    </div>
</c:if>