FloatLabel

FloatLabelは、フォーカス時に入力フィールドの上に表示されます。

インポート#


import { FloatLabel } from 'primereact/floatlabel';

基本#

FloatLabelは、入力とそのラベルをラップして使用します。

ユーザー名


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

アクセシビリティ#

スクリーンリーダー

FloatLabelは、ロールや属性を必要としません。

キーボードサポート

コンポーネントには、インタラクティブな要素は含まれていません。