[Bubble Tips | 회원가입 3탄] 코드없이 Floating Label 구현하기
Floating Label이란?사용자가 입력 필드에 포커스를 주거나 값이 입력되었을 때,기존 placeholder가 위로 올라가면서 작은 라벨(label)로 변하는 효과입니다. 일반적인 Placeholder만 사용할 경우, 사용자가 입력을 시작하면 Placeholder가 사라지기 때문에입력 중에 필드의 목적을 잊어버릴 수 있는 문제가 발생합니다. 이런 문제는 사용자 경험을 해칠 수 있으며, 특히 로그인, 회원가입 같은 중요한 폼에서는 잘못된 입력을 유도할 위험도 있습니다. Floating Label을 사용하면 입력 필드의 목적을 항상 유지하면서도공간을 절약하고 깔끔한 디자인을 유지할 수 있습니다. 코드없이 Floating Label 구현하기 Step 1텍스트와 인풋을 한 그룹에 배치하..
4️⃣ DEV TIP/Bubble.io
2025. 2. 27. 08:15