FloatLabel appears on top of the input field when focused.

import { FloatLabelModule } from 'primeng/floatlabel';

FloatLabel is used by wrapping the input and its label.

    <input id="username" type="text" pInputText [(ngModel)]="value" />
    <label for="username">Username</label>

Following is the list of structural style classes, for theming classes visit theming page.

p-float-labelFloat label element.

Screen Reader

FloatLabel does not require any roles and attributes.

Keyboard Support

Component does not include any interactive elements.