Champs de saisie

Clean Text Field

Une saisie de texte encadrée sans fioritures pour un formulaire étiqueté : neutre au repos, un anneau d'accentuation net lors de la mise au point, coupé lorsqu'il est désactivé.

Password

Utiliser Clean Text Field

Une saisie de texte encadrée sans fioritures pour un formulaire étiqueté : neutre au repos, un anneau d'accentuation net lors de la mise au point, coupé lorsqu'il est désactivé.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: label, placeholder, accentColor, invalid, disabled

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

1529Floating label inputChamps de saisieUn champ de texte dont l'étiquette reste à l'intérieur de la boîte et s'élève jusqu'au bord supérieur lors du focus ou une fois que le champ a une valeur, avec des apparences ciblées, valides et invalides.

2356Focus ring text inputChamps de saisieUn champ de texte d'une seule ligne avec un espace réservé en sourdine et un anneau d'accent plein qui apparaît uniquement lors de la mise au point.

2792Auto Grow TextareaChamps de saisieUn champ de texte multiligne qui s'agrandit à mesure que la personne tape davantage, au lieu de défiler à l'intérieur d'une zone fixe.

2393Passcode slot inputChamps de saisieUn champ one-time-passcode d'emplacements fusionnés à bordure partagée sur une entrée masquée, avec un curseur clignotant dans l'emplacement vide actif.

2791Single value sliderChamps de saisieUn curseur horizontal avec un pouce déplaçable qui remplit la piste derrière lui afin que la valeur actuelle soit lisible d'un coup d'œil.

2050Spring dot radio groupChamps de saisieUn groupe radio dont le point sélectionné apparaît avec un léger dépassement tandis que le point précédent se rétrécit, se croisant au lieu de se casser.