This code creates an input field with a floating label. If the input field has a value, or if the user clicks to enter a value, the label moves up to accommodate the input value.

If there is no value in the input field, the label will stay low.

<div class="md-form">
 <input class="form-control" id="PublicationNumber" name="PublicationNumber" type="text" value="" />
 <label for="PublicationNumber">Publication Number</label>
</div>

This code creates an input field with a floating label. If the input field has a value, or if the user clicks to enter a value, the label moves up to accommodate the input value.

The moving labels are distracting. Also, they create alignment problems on forms where some fields have values and other fields have no values.

I want to disable the floating labels without using a placeholder text in the input field. The label should always be above the input field.

The solution at https://mdbootstrap.com/support/disable-label-floating/ is not satisfactory because it requires a placeholder value. I want to completely disable the floating label.