Input labels should not rely on input id


Topic: Input labels should not rely on input id

mirnesc92 pro asked 6 years ago

I was having an issue with input fields not being clickable and came across this thread on search. https://mdbootstrap.com/support/form-label-does-not-go-up-on-label-click/ The label gets in the way when the input's id attribute does not match the label's for attribute. This can be very problematic when dealing with multiple input fields on same page.   In my use case for example, I have an accounts page. The accounts page has a model for creating an account, updating an account, viewing an account, and deleting an account. Basic CRUD operations. The create, view, and update modals will all have the same fields.. email, username, password, etc. I have three input fields now in three modals which have an email field and now require three separate id's for those inputs.   Can you make label focus rely on something else like the name attribute? which is does not need to be unqiue?

Anna Morawska staff commented 6 years ago

Hi, mirnesc92, thank you for posting this, we will take it into consideration. Best, Ania

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No