Input Placeholders not showing unless clicked


Topic: Input Placeholders not showing unless clicked

tim.free pro premium asked 2 years ago

Expected behavior When placeholder is used on input it should be shown

Actual behavior You have to click on the input and placeholder shows

Resources (screenshots, code snippets etc.) See snippet: https://mdbootstrap.com/snippets/standard/tim-free/4544732


Grzegorz Bujański staff answered 2 years ago

The input label is inactive whenever the input value is empty. And the placeholder is shown only after clicking on the input. If you want to change it, you can add the active class to the input and add this class always on blur. If you do this, the label will always be active.

https://mdbootstrap.com/snippets/standard/grzegorz-bujanski/4546856#js-tab-view


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 5.0.0
  • Device: PC
  • Browser: Edge, Chrome
  • OS: Windows 11
  • Provided sample code: No
  • Provided link: Yes