Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Why my title's form doesnt stay

Eddie Nguyen free asked 6 months ago


**

**> The title of the form doesnt stay. It moved even after i enter some

text**

**

First name
              </div>
              <div class="col-md-6 mb-4">
                <div data-mdb-input-init class="form-outline">
                  <input type="text" id="form3Example2" class="form-control"  />
                  <label class="form-label" for="form3Example2">Last name</label>
                </div>
              </div>
            </div>

Bartosz Cylwik staff answered 6 months ago


data-mdb-input-init is a MDB Standard way of initializing the input component. Did you mean to ask this in the Standard section or are you using the Standard package in vue?

I do not really know what you mean by the title of the form aswell. The label? Our labels are moving upside after the input gains a focus or has a value set. If you dont want this behaviour to happen you can use inputs from our input group examples: https://mdbootstrap.com/docs/standard/forms/input-group/

or use placeholder instead of label

Hope that helps!



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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: MDB5 5.0.0
  • Device: macbook
  • Browser: safari
  • OS: macos
  • Provided sample code: No
  • Provided link: No