点击与键盘焦点 / TERM 148

输入框浮动标签Floating Label

开始输入，标签缩小并移到上方。

148

LIVE PREVIEW

CLICK / TAP

EMAIL✓ DONE✦　✧　✦

输入框浮动标签

✦ MOTIONLEX

01 这个效果是什么

字段标签在空值、聚焦和已填写状态间移动，让占位与字段名不混淆。

邮箱输入框聚焦或有值时把标签移到边框上方；失焦但有值时保持，空值失焦才恢复原位。