浮动标签

当输入字段获得焦点时，浮动标签会出现在输入字段的上方。

导入#


import { FloatLabel } from 'primereact/floatlabel';

基本#

浮动标签是通过包装输入及其标签来使用的。

用户名


<FloatLabel>
    <InputText id="username" value={value} onChange={(e) => setValue(e.target.value)} />
    <label htmlFor="username">Username</label>
</FloatLabel>

可访问性#

屏幕阅读器

浮动标签不需要任何角色和属性。

键盘支持

组件不包含任何交互元素。