Floating Label (浮動標籤)
別稱 Float label, Animated placeholder
輸入框取得焦點或已有內容時，預留位置標籤上移並縮小到輸入框上方。
適用情境
表單、登入輸入框
變體
- focus float
- not(:placeholder-shown)
提示詞
將 [套用位置] 替換成你要套用的位置，再貼給 AI 代理。提示詞中包含動效名稱，下次只要說出名稱就能提出需求。
在[套用位置]加入「浮動標籤」(Floating Label)，也叫浮動標籤 (float label) 或動畫預留位置 (animated placeholder)。
輸入框取得焦點或已有值時，原本在框內的標籤平順而快速地上移並縮小，停到輸入框的上緣；只有在輸入框為空且失去焦點時才落回原處。
保持它是與輸入框關聯的真正 label，並確保輸入框高度不變，讓表單永遠不會跳動。