Skip to main content

Is there any situation when text should be center aligned (horizontally) in an input? [Resolved]

I recently tried to use some animations in my design and I checked some nice examples as inspiration, like this: "Inspiration for Text Input Effects". Some of them had the text centered.

enter image description here

enter image description here

I know it is just an example to illustrate the animation, but I was wondering if it is any case when it is a good idea to center the text in a field and not to let the user write from left to right (on mobile, if the value is limited to a small number of characters or anything else). What do you think?

Question Credit: Madalina Taina
Question Reference
Asked September 10, 2019
Posted Under: UI UX
2 Answers

The only reason I can think of to modify the paradigm of entering text on an input from left to right (in a LTR language) is when it helps to visualize the output.

For example it might be helpful when entering text for the subtitles of a film, because these are commonly centered, and the user can see the output as the text is entered.

credit: Alvaro
Answered September 10, 2019

When you have something like a five digit pincode that for aestethical purpose consists out of five actual inputs (for spacing and border for example), it's quite okay to use centered text inside the input.

The problem is with the way the human eye scans a form.
In a vertical form the eye shoots to the start of every new line. Inputs with centered text are therefor harder to scan. In a serious form this could harm conversion.

So yes, I think you can use centered text in inputs and forms, but only on those rare occassions where it suits the design.

credit: Paul van den Dool
Answered September 10, 2019
Your Answer