Types de clavier et espaces réservés

A bare TextField accepts anything. With a few modifiers you can shape the keyboard, the hint, and what happens on submit. ⌨️

The keyboardType modifier picks which on-screen keyboard appears. An email field deserves the email layout, not the full alphabet.

Asking for a phone or amount? Use .numberPad or .decimalPad so users get a clean number keyboard with no letters in the way.

The first string argument is the placeholder, the gray hint shown while the field is empty. It guides users without taking up extra space.

You can also pass a prompt as its own argument. This keeps the visible label and the placeholder hint as two distinct pieces of text.

Use textInputAutocapitalization to decide how the keyboard capitalizes. Set it to .never for usernames so nothing is auto-uppercased.

For codes, handles, or URLs, autocorrect gets in the way. Add autocorrectionDisabled to let users type exactly what they mean.

The submitLabel modifier changes the keyboard return key text. Use .search, .done, or .next to match what the field actually does.

The onSubmit modifier runs your code when the user taps return. It is the perfect place to start a search or move focus.

These modifiers chain freely. Combine keyboard type, capitalization, and submit label on one field to craft exactly the input you want.

The right keyboard and a clear prompt feel effortless to users. These tiny touches are what make an app feel professional. ✨

You tuned a field with keyboardType, prompts, capitalization, and onSubmit. Small modifiers turn a plain box into thoughtful, friendly input. 🎉