Topic: Dynamically show Placeholder - possible?
                  
                  twoeyes
                  priority
                  asked 5 years ago
                
Expected behavior Is there a way that the placeholder in material-input is only shown when the user clicks or "activates" the control?
Actual behavior The placeholder is always visible in material-input.
Resources (screenshots, code snippets etc.)
                      
                      Krzysztof Wilk
                      staff
                        answered 5 years ago
                    
Hi!
I modified your snippet. You can check it here: https://mdbootstrap.com/snippets/jquery/krzysztof-wilk/2733048#html-tab-view.
If you don't want to use data-placeholder, just use placeholder. You can see an effect in a snippet above.
Hope this solution will meet your expectations :)
Best regards
                      
                      twoeyes
                      priority
                        answered 5 years ago
                    
Hi, thanks for your inspiration an the snippet!
Of course, it can handled by js! But I meant the placeholder not the label that should be shown on focus.
I modified your snippet a bit:
https://mdbootstrap.com/snippets/jquery/twoeyes/2728719
Maybe you have any idea how I can keep the original syntax of "placeholder" and not the "data" thing.
The only Problem is that I do not know how to return to default state of the control the focusout.
Thanks and best regards Roland
                      
                      Krzysztof Wilk
                      staff
                        answered 5 years ago
                    
Hi!
It's not possible as default, but you can achieve it with custom js. I made one for you, so check out https://mdbootstrap.com/snippets/jquery/krzysztof-wilk/2709138#html-tab-view :)
Best regards
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
 - Premium support: Yes
 - Technology: MDB jQuery
 - MDB Version: 4.19.1
 - Device: all
 - Browser: all
 - OS: windows 10
 - Provided sample code: No
 - Provided link: No