Why almost all filters I find have their labels inside, as a placeholder? When the users select a value they lose context since the label is no longer visible.

Isn't it a better option to put the label always above the filter? Just like with text fields.

  • 2
    Not sure what exactly you mean. Can you show an example? Aug 17 at 23:28

1 Answer 1


I'm pretty sure it's just space consideration.

Filters are usually not a prevalent part of the form, so they shouldn't take too much space, so trying to optimize the space, they usually go for the more compact solution.

Now putting labels inside the fields, I think, has been popularized by the rise of Material Design system. They do use both ways now, tho - showing the label inside the field, but once you enter a value - above the field without changing the size of the field: enter image description here

Note that, for example, Carbon Design System advises against using placeholders as labels:

Optional placeholder text provides hints or examples of what to enter. Placeholder text disappears after the user begins entering data into the input. As such, it should not be used as a replacement for a persistent label nor should it contain crucial information.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.