> For the complete documentation index, see [llms.txt](https://ds5.gitbook.io/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ds5.gitbook.io/documentation/components/action.md).

# Input

L’input Action est un champ de saisie enrichi d'un bouton d'action terminal, permettant de valider ou d'exécuter une fonction spécifique sans quitter le contexte.

{% hint style="info" icon="figma" %}
Nom du composant : **inputFieldFull**
{% endhint %}

***

{% tabs %}
{% tab title="Champ simple" %}
{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=4771-3796&page-id=1:6365&scaling=min-zoom&starting-point-node-id=4771:3796&t=w7IUSOLLNj2lbU5Q-1&viewport=-579,-386,0.88>" %}
{% endtab %}

{% tab title="Champ d'action" %}
{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=4767-2025&page-id=1:6365&scaling=min-zoom&starting-point-node-id=4767:2025&t=pqlfzSOYppyYe8sg-1&viewport=43,-334,0.76>" %}
{% endtab %}

{% tab title="Champ de numéro" %}
{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=4771-3812&page-id=1:6365&scaling=min-zoom&starting-point-node-id=4771:3812&t=w7IUSOLLNj2lbU5Q-1&viewport=-579,-386,0.88>" %}
{% endtab %}

{% tab title="Zone de texte" %}
{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=4771-3830&page-id=1:6365&scaling=min-zoom&starting-point-node-id=4771:3830&t=w7IUSOLLNj2lbU5Q-1&viewport=-579,-386,0.88>" %}
{% endtab %}
{% endtabs %}

***

### Principes

#### Explicite

L'input doit toujours indiquer clairement ce qu'il attend de l'utilisateur. Le label, le placeholder et les éventuels textes d'aide ne laissent aucune place à l'interprétation : l'utilisateur sait quoi saisir, dans quel format et pourquoi.

#### Tolérant

L'input accompagne l'utilisateur sans le sanctionner. Les erreurs de saisie sont signalées de manière constructive — un message d'erreur indique ce qui ne va pas et comment le corriger — jamais de manière bloquante ou punitive.

#### Situé

L'input reflète son rôle dans le formulaire ou l'écran qui l'accueille. Son type (texte, nombre, date, mot de passe…), sa taille et ses contraintes de saisie sont toujours cohérents avec le contexte dans lequel il apparaît.

***

### Usage

L'input est utilisé dès qu'une information doit être saisie librement par l'utilisateur. On le retrouve dans les formulaires de contact, d'inscription, de paiement, de recherche, ou dans tout champ de configuration nécessitant une valeur textuelle ou numérique.

Il se distingue des composants de sélection (dropdown, list item) par le fait que l'utilisateur produit lui-même la valeur, sans la choisir parmi une liste prédéfinie.

***

### Composant lié

{% content-ref url="/pages/X5jVI1da8wv0fY4tcExg" %}
[Bouton](/documentation/components/button.md)
{% endcontent-ref %}